/* Auto-generated from src/ui/theme-tokens.json. Do not edit by hand. */
:root {
  --font-sans: 'Segoe UI', Arial, sans-serif;
  --font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --color-brand-primary: #005175;
  --color-brand-primary-light: #64a4c0;
  --color-brand-primary-dark: #00384f;
  --color-brand-primary-darkest: #001d2a;
  --color-brand-primary-hover: #005f87;
  --color-brand-border: rgba(0,81,117,0.36);
  --color-brand-border-soft: rgba(100,164,192,0.28);
  --color-brand-border-strong: rgba(100,164,192,0.5);
  --color-brand-border-focus: rgba(100,164,192,0.7);
  --color-brand-tint: rgba(100,164,192,0.18);
  --color-brand-tint-strong: rgba(100,164,192,0.4);
  --color-brand-tint-stronger: rgba(100,164,192,0.6);
  --color-brand-surface: rgba(0,81,117,0.12);
  --color-brand-surface-strong: rgba(0,81,117,0.16);
  --color-brand-surface-solid: rgba(0,81,117,0.9);
  --color-brand-surface-solid-strong: rgba(0,81,117,1);
  --color-blue: #4fa3ff;
  --color-blue-send: #4a9eff;
  --color-blue-send-hover: #3a8eef;
  --color-blue-tint: rgba(143,171,214,0.18);
  --color-purple: #6c5ce7;
  --color-yellow: #f2c94c;
  --color-yellow-tint: rgba(242,201,76,0.18);
  --color-yellow-border: rgba(242,201,76,0.24);
  --color-gold: #FFD700;
  --color-gold-surface: rgba(255,215,0,0.1);
  --color-gold-surface-strong: rgba(255,215,0,0.2);
  --color-gold-border: rgba(255,215,0,0.3);
  --color-gold-border-strong: rgba(255,215,0,0.5);
  --color-red: #f44336;
  --color-red-soft: #f66c6c;
  --color-red-tint: rgba(196,98,98,0.16);
  --color-warning-surface: rgba(166,112,45,0.18);
  --color-warning-text: #f2d5a7;
  --color-success-surface: rgba(63,135,63,0.82);
  --color-error-surface: rgba(128,72,72,0.82);
  --color-neutral-surface: rgba(112,112,112,0.72);
  --color-selection-blue-surface: rgba(42,112,204,0.88);
  --color-selection-yellow-surface: rgba(215,171,52,0.88);
  --color-text-primary: #fff;
  --color-text-secondary: #ccc;
  --color-text-muted: #aaa;
  --color-text-dim: #888;
  --color-text-dimmer: #666;
  --color-text-body: #ddd;
  --color-text-soft: #eee;
  --color-text-inverse: #111;
  --color-text-action-dark: #031;
  --color-text-notice: #b7d7e3;
  --color-text-notice-muted: #b8c6bc;
  --color-text-notice-soft: #aab7ad;
  --color-text-notice-bright: #d8e0da;
  --color-text-notice-brightest: #dbe6dd;
  --color-text-helper: #95a59a;
  --color-panel-bg: rgba(20,20,20,0.95);
  --color-panel-bg-alt: rgba(0,0,0,0.8);
  --color-panel-bg-soft: rgba(18,18,18,0.96);
  --color-panel-bg-muted: rgba(30,30,30,0.95);
  --color-panel-bg-raised: rgba(20,20,20,0.98);
  --color-panel-bg-elevated: rgba(24,24,24,0.95);
  --color-panel-bg-elevated-strong: rgba(24,24,24,0.98);
  --color-panel-bg-neutral: rgba(60,60,60,0.9);
  --color-overlay-bg: rgba(0,0,0,0.75);
  --color-overlay-bg-dark: rgba(0,0,0,0.85);
  --color-overlay-bg-strong: rgba(0,0,0,0.88);
  --color-overlay-bg-soft: rgba(0,0,0,0.7);
  --color-overlay-bg-glass: rgba(0,0,0,0.38);
  --color-overlay-bg-page: rgba(0,0,0,0.64);
  --color-overlay-bg-dim: rgba(0,0,0,0.62);
  --color-surface-light: rgba(255,255,255,0.05);
  --color-surface-subtle: rgba(255,255,255,0.04);
  --color-surface-softest: rgba(255,255,255,0.03);
  --color-surface-faint: rgba(255,255,255,0.06);
  --color-surface-medium: rgba(255,255,255,0.12);
  --color-surface-elevated: rgba(255,255,255,0.08);
  --color-surface-elevated-hover: rgba(255,255,255,0.16);
  --color-surface-strong: rgba(255,255,255,0.1);
  --color-surface-pressed: rgba(255,255,255,0.2);
  --color-surface-pressed-hover: rgba(255,255,255,0.3);
  --color-border-subtle: rgba(255,255,255,0.1);
  --color-border-faint: rgba(255,255,255,0.06);
  --color-border-muted: rgba(255,255,255,0.08);
  --color-border-mid: rgba(255,255,255,0.14);
  --color-border-strong: rgba(255,255,255,0.18);
  --color-border-bright: rgba(255,255,255,0.25);
  --color-border-soft-light: rgba(255,255,255,0.12);
  --color-border-solid-light: rgba(255,255,255,0.2);
  --color-border-solid-bright: rgba(255,255,255,0.3);
  --color-white-soft: rgba(255,255,255,0.9);
  --color-white-softer: rgba(255,255,255,0.94);
  --color-black: #000;
  --color-black-soft: rgba(0,0,0,0.28);
  --color-black-deep: #0a0a0a;
  --color-black-backdrop: #0f1115;
  --color-canvas-backdrop: #0c1018;
  --color-select-backdrop: #1a2030;
  --color-editor-backdrop: #1a1a1a;
  --color-loading-error: #ff4444;
  --color-investigator-bubble: rgba(60,60,60,0.92);
  --color-debug-npc-request: rgba(186,135,32,0.92);
  --color-debug-npc-response: rgba(184,100,34,0.92);
  --color-debug-companion-request: rgba(86,70,173,0.9);
  --color-debug-companion-response: rgba(108,92,231,0.88);
  --color-debug-judge-request: rgba(53,122,80,0.9);
  --color-debug-judge-response: rgba(62,153,97,0.9);
  --color-debug-judge-apply: rgba(37,133,133,0.9);
  --color-debug-dynamics-request: rgba(138,120,28,0.9);
  --color-debug-dynamics-response: rgba(171,145,40,0.92);
  --color-debug-dynamics-apply: rgba(111,132,40,0.92);
  --color-debug-summary-request: rgba(52,92,128,0.9);
  --color-debug-summary-response: rgba(46,126,121,0.9);
  --color-debug-error: rgba(164,48,48,0.94);
  --gradient-brand-primary: linear-gradient(135deg, #64a4c0, #005175);
  --gradient-landing-background: linear-gradient(-45deg, #1a1a1a, #000, #0d1824, #1a1a1a);
  --gradient-shell-background: radial-gradient(circle at 20% 20%, #123, #05060a);
  --gradient-campaign-background: radial-gradient(circle at top left, rgba(100, 164, 192, 0.18), transparent 32%), linear-gradient(160deg, #08141b, #020507 58%, #0d1820);
  --gradient-success-background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  --gradient-key-cap: linear-gradient(180deg, #4a4a4a 0%, #2a2a2a 100%);
  --gradient-touch-action: linear-gradient(180deg, rgba(100, 180, 255, 0.85), rgba(70, 140, 220, 0.9));
  --gradient-book-page-left: linear-gradient(180deg, rgba(255,255,255,0.3), rgba(255,255,255,0.1));
  --gradient-book-page-right: linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.08));
  --gradient-card-accent: linear-gradient(135deg, rgba(100,164,192,0.08), rgba(255,255,255,0.03));
  --shadow-panel: 0 12px 30px rgba(0,0,0,0.4);
  --shadow-panel-strong: 0 20px 60px rgba(0,0,0,0.5);
  --shadow-panel-page: 0 25px 80px rgba(0,0,0,0.45);
  --shadow-panel-page-soft: 0 24px 60px rgba(0,0,0,0.28);
  --shadow-modal: 0 28px 80px rgba(0,0,0,0.42);
  --shadow-floating: 0 8px 24px rgba(0,0,0,0.35);
  --shadow-floating-strong: 0 10px 24px rgba(0,0,0,0.24);
  --shadow-brand-glow: 0 8px 18px rgba(0,81,117,0.28);
  --shadow-brand-glow-strong: 0 10px 30px rgba(0,81,117,0.28);
  --shadow-button: 0 4px 8px rgba(0,0,0,0.4);
  --shadow-button-soft: 0 2px 5px rgba(0,0,0,0.3);
  --shadow-prompt-glow: 0 0 12px rgba(100,164,192,0.4);
  --shadow-prompt-glow-strong: 0 0 20px rgba(100,164,192,0.6);
  --shadow-drop: 0 2px 4px rgba(0,0,0,0.3);
  --shadow-text-glow: 0 2px 10px rgba(100,164,192,0.28);
  --app-text-scale: 1;
}