/* ==========================================================================
   Design Tokens — VarsityData.ai
   Single source of truth for colors, typography, spacing, and transitions.
   ========================================================================== */

:root {
  /* --- Colors --- */
  --color-bg-primary:    #0A0A0A;
  --color-bg-secondary:  #111111;
  --color-bg-tertiary:   #1A1A1A;
  --color-bg-card:       #141414;
  --color-bg-code:       #0D1117;

  --color-text-primary:  #F5F5F5;
  --color-text-secondary:#A0A0A0;
  --color-text-muted:    #666666;

  --color-accent:        #00C2FF; /* Electric Blue */
  --color-accent-hover:  #33D1FF;
  --color-accent-glow:   rgba(0, 194, 255, 0.15);

  --color-success:       #00E676; /* Status green */
  --color-border:        #222222;
  --color-border-light:  #2A2A2A;

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

  --text-xs:    0.75rem;   /* 12px */
  --text-sm:    0.875rem;  /* 14px */
  --text-base:  1rem;      /* 16px */
  --text-lg:    1.125rem;  /* 18px */
  --text-xl:    1.25rem;   /* 20px */
  --text-2xl:   1.5rem;    /* 24px */
  --text-3xl:   2rem;      /* 32px */
  --text-4xl:   2.75rem;   /* 44px */
  --text-5xl:   3.5rem;    /* 56px */

  --leading-tight:  1.2;
  --leading-normal: 1.6;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;

  /* --- Spacing --- */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  4rem;
  --space-4xl:  6rem;
  --space-5xl:  8rem;

  /* --- Layout --- */
  --max-width:  1200px;
  --nav-height: 72px;
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;

  /* --- Transitions --- */
  --ease-out:   cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration:   200ms;
}