/* Stan CLI — Design Tokens v4
   News/Editorial · Light-first · Single red accent */

:root {
  --bg:              #F2F2F7;
  --bg-card:         #FFFFFF;
  --bg-secondary:    #F2F2F7;
  --bg-elevated:     #FFFFFF;
  --bg-input:        #F2F2F7;
  --bg-terminal:     #0E0C15;
  --bg-console:      #12101C;

  --text-primary:    #000000;
  --text-secondary:  #3C3C43;
  --text-dim:        #8E8E93;
  --text-on-dark:    #E8E6F0;
  --text-on-accent:  #FFFFFF;

  --accent:          #FF3B5C;
  --accent-press:    #E32E4C;
  --accent-soft:     #FF3B5C;
  --accent-dim:      rgba(255,59,92,0.08);
  --accent-border:   rgba(255,59,92,0.20);

  --border:          #E5E5EA;
  --border-mid:      #C6C6C8;

  --green:           #34C759;
  --green-bg:        rgba(52,199,89,0.10);
  --amber:           #FF9500;
  --amber-bg:        rgba(255,149,0,0.10);
  --red:             #FF3B30;
  --red-bg:          rgba(255,59,48,0.10);
  --blue:            #007AFF;
  --blue-bg:         rgba(0,122,255,0.10);

  --claude-bg:       #FFF0E8;
  --claude-fg:       #D4763B;
  --codex-bg:        #E8FFF4;
  --codex-fg:        #10A37F;
  --gemini-bg:       #E8F0FF;
  --gemini-fg:       #4285F4;
  --openclaw-bg:     #FFF0E8;
  --openclaw-fg:     #FF6B35;
  --hermes-bg:       #FFF7E0;
  --hermes-fg:       #B8860B;
  --stan-bg:         rgba(255,59,92,0.08);
  --stan-fg:         #FF3B5C;

  --font-ui:      -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
  --font-mono:    "SF Mono", "JetBrains Mono", ui-monospace, monospace;

  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  14px;
  --r-xl:  16px;
  --r-2xl: 20px;
  --r-pill: 999px;

  --shadow-xs:    0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm:    0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:    0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:    0 8px 24px rgba(0,0,0,0.10);
  --shadow-sheet: 0 -2px 20px rgba(0,0,0,0.12);

  /* Glow — accent halos for live/active/primary elements (DESIGN.md: glow with intent) */
  --glow-accent:        rgba(255,59,92,0.40);
  --glow-accent-soft:   rgba(255,59,92,0.22);
  --shadow-glow:        0 0 0 4px var(--accent-dim), 0 8px 24px var(--glow-accent);
  --shadow-glow-strong: 0 0 0 3px var(--accent-dim), 0 0 22px var(--glow-accent);

  --gradient-accent:   linear-gradient(135deg, #FF3B5C 0%, #FF6B82 100%);
  --gradient-wordmark: linear-gradient(90deg, #FF3B5C 0%, #FF6B82 100%);
  --gradient-hero:     linear-gradient(180deg, #FFF0F3 0%, #FFFFFF 60%);

  --dur-fast:   120ms;
  --dur-normal: 200ms;
  --dur-slow:   320ms;
  --ease:       cubic-bezier(0.16, 1, 0.3, 1);

  --topbar-h:    52px;
  --tabbar-h:    49px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top:    env(safe-area-inset-top, 0px);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:              #000000;
    --bg-card:         #1C1C1E;
    --bg-secondary:    #2C2C2E;
    --bg-elevated:     #1C1C1E;
    --bg-input:        #2C2C2E;
    --text-primary:    #FFFFFF;
    --text-secondary:  #EBEBF5;
    --text-dim:        #8E8E93;
    --border:          #2C2C2E;
    --border-mid:      #38383A;
    --accent:          #FF4E6A;
    --accent-press:    #E83D56;
    --shadow-xs:       0 1px 3px rgba(0,0,0,0.20);
    --shadow-sm:       0 2px 8px rgba(0,0,0,0.25);
    --shadow-sheet:    0 -2px 20px rgba(0,0,0,0.40);
  }
}

/* Manual dark override */
:root[data-theme="dark"] {
  --bg:              #000000;
  --bg-card:         #1C1C1E;
  --bg-secondary:    #2C2C2E;
  --bg-elevated:     #1C1C1E;
  --bg-input:        #2C2C2E;
  --text-primary:    #FFFFFF;
  --text-secondary:  #EBEBF5;
  --text-dim:        #8E8E93;
  --border:          #2C2C2E;
  --border-mid:      #38383A;
  --accent:          #FF4E6A;
  --accent-press:    #E83D56;
  --shadow-xs:       0 1px 3px rgba(0,0,0,0.20);
  --shadow-sm:       0 2px 8px rgba(0,0,0,0.25);
  --shadow-sheet:    0 -2px 20px rgba(0,0,0,0.40);
  color-scheme: dark;
}

/* Manual light override */
:root[data-theme="light"] {
  color-scheme: light;
}