/* DrafterPro design tokens — "premium dark, art-forward".
   Extends the existing debug/legacy palette for continuity. Variables only; no rules here. */
:root {
  color-scheme: dark;

  /* Canvas & elevation */
  --bg:        #0b0e14;
  --bg-grad:   radial-gradient(1100px 720px at 72% -12%, #141d31 0%, #0b0e14 58%);
  --bg-elev:   #0e131c;
  --surface:   #11161f;
  --surface-2: #171c27;
  --surface-3: #1f2632;
  --border:    #1e2633;
  --border-2:  #2c3647;

  /* Text */
  --text:      #e8eaed;
  --text-dim:  #a7adb8;
  --text-mute: #6f7682;

  /* Accent + semantics */
  --gold:      #f0c674;
  --gold-2:    #e8b85a;
  --gold-soft: rgba(240, 198, 116, .15);
  --green:     #86d98f;
  --blue:      #7cc0ff;
  --red:       #ef7173;

  /* MTG WUBRG + colorless pips (desaturated for dark) */
  --w: #f3ecd0; --u: #9fc3ea; --b: #a294c4; --r: #e98a80; --g: #84c98c; --col: #c0c4cc;

  /* Tier / grade color system: S gold · A green · B blue · C gray · D/F red */
  --tier-s: #f0c674; --tier-a: #86d98f; --tier-b: #7cc0ff; --tier-c: #9aa4bd; --tier-df: #ef7173;

  /* Spacing scale */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px;

  /* Radius */
  --r1: 6px; --r2: 10px; --r3: 14px; --r4: 20px; --r-pill: 999px;

  /* Typography */
  --font-ui:      "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-display: "Space Grotesk", var(--font-ui);
  --fs-xs: 11px; --fs-sm: 13px; --fs-md: 15px; --fs-lg: 18px; --fs-xl: 24px; --fs-2xl: 34px; --fs-3xl: 54px;

  /* Shadow & glow */
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,.45);
  --shadow-3: 0 18px 50px rgba(0,0,0,.55);
  --glow-gold: 0 0 0 1px rgba(240,198,116,.55), 0 10px 34px rgba(240,198,116,.16);

  /* Motion */
  --dur-1: 120ms; --dur-2: 200ms; --dur-3: 340ms;
  --ease: cubic-bezier(.2,.7,.2,1);

  /* Layout */
  --maxw: 1360px;
  --topbar-h: 58px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}