/* ============================================================
   TIDAL Design System — Self-contained tokens
   Use this file in your codebase. Do not edit values here;
   request changes through the TIDAL Design System project.
   Version: June 2026
   ============================================================ */

/* ——— Fonts ————————————————————————————————————————————————— */
@font-face {
  font-family: "Monument Extended";
  src: url("../fonts/PPMonumentExtended-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument Extended";
  src: url("../fonts/PPMonumentExtended-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Neue Montreal";
  src: url("../fonts/PPNeueMontreal-Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Neue Montreal";
  src: url("../fonts/PPNeueMontreal-Book.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ——— Tokens ————————————————————————————————————————————————— */
:root {
  /* Brand */
  --tdl-black:        #000000;
  --tdl-white:        #FFFFFF;
  --tdl-accent:       #FF4000;   /* Coquelicot orange */
  --tdl-accent-fg:    #000000;   /* text on orange */

  /* Surfaces (dark scale) */
  --tdl-bg:           #050505;
  --tdl-surf-1:       #0d0d0d;
  --tdl-surf-2:       #141414;
  --tdl-surf-3:       #191919;
  --tdl-surf-4:       #222222;

  /* Dividers */
  --tdl-hairline:     #1c1c1c;
  --tdl-hairline-2:   #2a2a2a;

  /* Foreground / text */
  --tdl-fg:           #FFFFFF;
  --tdl-fg-2:         #d6d6d6;
  --tdl-fg-3:         #A0A0A0;
  --tdl-fg-4:         #777777;
  --tdl-fg-5:         #555555;

  /* Semantic */
  --tdl-pos:          #95C11F;   /* positive delta / success */
  --tdl-neg:          #FF4040;   /* negative delta / error */
  --tdl-info:         #50BCBD;   /* informational */
  --tdl-warn:         #F5A623;   /* warning */

  /* Typography */
  --tdl-font-display: "Monument Extended", "Arial Black", Impact, sans-serif;
  --tdl-font-body:    "PP Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --tdl-font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Layout */
  --tdl-side-w:       260px;   /* sidebar width */

  /* Radii */
  --tdl-radius-sm:    4px;
  --tdl-radius-md:    6px;
  --tdl-radius-lg:    8px;
  --tdl-radius-xl:    12px;
  --tdl-radius-pill:  999px;

  /* Motion */
  --tdl-dur-fast:     140ms;
  --tdl-dur-med:      240ms;
  --tdl-dur-slow:     420ms;
  --tdl-ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --tdl-ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);

  /* Shadows */
  --tdl-shadow-1:     0 1px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.6);
  --tdl-shadow-2:     0 4px 12px rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.5);
  --tdl-shadow-glow:  0 0 24px rgba(255,64,0,0.35), 0 0 8px rgba(255,64,0,0.2);
}