/* ============================================================
   DayZir — Design Tokens
   Two-tone system: black + safety yellow. No other hues.
   ============================================================ */
:root {
  /* Surfaces */
  --bg:           #0a0a0a;
  --bg-elev:      #111111;
  --bg-elev-2:    #161616;
  --bg-elev-3:    #1c1c1c;

  /* Lines */
  --line:         #232323;
  --line-strong:  #333333;

  /* Text */
  --text:         #f2efe6;
  --text-muted:   #9a958a;
  --text-dim:     #6b675f;

  /* Accent — safety yellow, slightly desaturated to avoid neon */
  --accent:        #eec21a;
  --accent-hover:  #f7d23a;
  --accent-dim:    #7a6408;
  --accent-soft:   rgba(238, 194, 26, 0.10);

  /* Semantic (only used for status labels) */
  --danger:   #d94c4c;
  --success:  #5fae5f;
  --warn:     #d99a3a;

  /* Spacing scale (4px base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* Typography */
  --font-fa:   'Vazirmatn', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'Courier New', monospace;

  --fs-xs:  12px;
  --fs-sm:  13px;
  --fs-base: 15px;
  --fs-md:  17px;
  --fs-lg:  20px;
  --fs-xl:  24px;
  --fs-2xl: 32px;
  --fs-3xl: 40px;
  --fs-4xl: 52px;
  --fs-5xl: 68px;

  --lh-tight: 1.2;
  --lh-snug:  1.45;
  --lh-base:  1.8;

  --tracking-wide: 0.02em;

  /* Radii — small, intentional */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 6px;

  /* Layout */
  --container:        1240px;
  --container-narrow: 860px;
  --header-h:         64px;

  /* Motion */
  --ease:   cubic-bezier(.22,.61,.36,1);
  --dur-1:  150ms;
  --dur-2:  260ms;
  --dur-3:  420ms;
}