/* ============================================================
   DESIGN TOKENS
   Fantasy Sports Platform
   Import this file first in every page.
   ============================================================ */

:root {

  /* --- Colors --- */
  --c-bg:            #0f1117;   /* page background */
  --c-surface:       #1a1d27;   /* cards, panels */
  --c-surface-2:     #222638;   /* table header, nested surfaces */
  --c-surface-hover: rgba(255,255,255,0.025);

  --c-border:        rgba(255,255,255,0.08);   /* default borders */
  --c-border-strong: rgba(255,255,255,0.15);   /* emphasis borders */

  --c-text-primary:   #f0f0f2;  /* headings, values, primary labels */
  --c-text-secondary: #8b8fa8;  /* supporting text, nav links */
  --c-text-muted:     #555870;  /* timestamps, column headers, placeholders */

  --c-accent:         #4ade80;              /* scores, live indicator, active tabs */
  --c-accent-dim:     rgba(74,222,128,0.12); /* accent backgrounds */
  --c-accent-border:  rgba(74,222,128,0.3);  /* accent borders */

  --c-danger:         #f87171;
  --c-warning:        #fbbf24;

  /* --- Typography --- */
  --font:      -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;

  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 14px;
  --text-md:   15px;
  --text-lg:   18px;
  --text-xl:   22px;

  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold:   600;

  --leading-tight:  1.3;
  --leading-normal: 1.6;

  /* --- Spacing --- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;

  /* --- Radii --- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 9999px;

  /* --- Nav --- */
  --nav-height: 48px;
  --nav-bg:     #141720;

  /* --- Transitions --- */
  --transition: 150ms ease;
}