/* OneForge design tokens. Dark is the default; [data-theme="light"] overrides. */

:root {
  /* Surfaces */
  --bg:            #08090A;
  --bg-elevated:   #0F1011;
  --bg-raised:     #16171A;
  --bg-overlay:    #1C1D20;

  /* Borders */
  --border:        #232427;
  --border-strong: #2E2F33;
  --border-subtle: #1A1B1E;

  /* Text */
  --text:           #F7F7F8;
  --text-secondary: #9CA0A6;
  --text-muted:     #6B6F76;
  --text-faint:     #4A4D52;

  /* Accent (ember) */
  --accent:         #FF6B35;
  --accent-hover:   #FF8055;
  --accent-pressed: #E85A28;
  --accent-fg:      #FFFFFF;
  --accent-subtle:  rgba(255, 107, 53, 0.10);
  --accent-border:  rgba(255, 107, 53, 0.28);

  /* Status */
  --success: #3FB950;
  --warning: #D29922;
  --danger:  #F85149;
  --info:    #58A6FF;

  /* Type */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

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

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  --lh-tight:   1.1;
  --lh-snug:    1.3;
  --lh-normal:  1.55;
  --lh-relaxed: 1.7;

  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.018em;
  --tracking-normal:   0;
  --tracking-wide:     0.04em;

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

  /* Radius */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.30);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.35);
  --shadow-lg: 0 16px 40px rgba(0,0,0,0.45);

  /* Motion */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 320ms;

  /* Layout */
  --container:        1180px;
  --container-narrow: 760px;
  --header-h:         60px;
}

[data-theme="light"] {
  --bg:            #FFFFFF;
  --bg-elevated:   #FAFAFA;
  --bg-raised:     #F4F4F5;
  --bg-overlay:    #EBEBEC;

  --border:        #E4E4E7;
  --border-strong: #D4D4D8;
  --border-subtle: #EFEFF1;

  --text:           #09090B;
  --text-secondary: #52525B;
  --text-muted:     #71717A;
  --text-faint:     #A1A1AA;

  --accent:         #E85A28;
  --accent-hover:   #D14E1E;
  --accent-pressed: #B84318;
  --accent-subtle:  rgba(232, 90, 40, 0.08);
  --accent-border:  rgba(232, 90, 40, 0.24);

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.08);
  --shadow-lg: 0 16px 40px rgba(0,0,0,0.12);
}