/**
 * Intelligence Company V2 Design Tokens - Auto-Generated
 * =======================================================
 * DO NOT EDIT DIRECTLY.
 * Source: shared/design-tokens/tokens-v2.json
 * Run: cd shared/design-tokens && npm run build:v2
 */

:root {
  --color-v2-glow-primary: #315CFF;
  --color-v2-glow-secondary: #8FB0FF;
  --color-v2-glow-tail-light: #FFFFFF;
  --color-v2-glow-tail-dark: #000000;
  --color-v2-page: #FFFFFF;
  --color-v2-surface: #FFFFFF;
  --color-v2-surface-muted: #F7F7F5;
  --color-v2-text: #11110F;
  --color-v2-text-soft: #5E5E59;
  --color-v2-text-faint: #85857F;
  --color-v2-line: #E6E6E1;
  --color-v2-line-strong: #D4D4CE;
  --color-v2-accent-text: #2346C7;
  --color-v2-accent-text-hover: #1839A4;
  --color-v2-accent-action: #315CFF;
  --color-v2-accent-action-hover: #2449E6;
  --color-v2-accent-soft: #EDF2FF;
  --color-v2-accent-on-action: #FFFFFF;
  --color-v2-focus-ring: rgba(49, 92, 255, 0.28);
  --color-v2-live: #2346C7;
  --color-v2-live-soft: #EDF2FF;
  --color-v2-code-key: #2346C7;
  --color-v2-code-string: #365EDB;
  --color-v2-code-number: #264E94;
  --color-v2-code-literal: #4767C9;
  --color-v2-code-comment: #85857F;
  --color-v2-code-title: #2346C7;
  --color-v2-code-punctuation: #5E5E59;
  --color-v2-code-surface: #FAFAF8;
  --color-v2-header-backdrop: rgba(255, 255, 255, 0.94);
  --effect-v2-shadow-ambient: 0 22px 60px rgba(17, 17, 15, 0.08);
  --effect-v2-shadow-header: 0 8px 30px rgba(17, 17, 15, 0.05);
  --effect-v2-shadow-action: 0 10px 28px rgba(49, 92, 255, 0.18);
  --effect-v2-shadow-action-hover: 0 14px 34px rgba(49, 92, 255, 0.24);
  --effect-v2-shadow-soft: 0 14px 38px rgba(17, 17, 15, 0.05);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-v2-page: #0A0A09;
    --color-v2-surface: #11110F;
    --color-v2-surface-muted: #191916;
    --color-v2-text: #FAFAF7;
    --color-v2-text-soft: #B8B8B1;
    --color-v2-text-faint: #85857D;
    --color-v2-line: #2A2A26;
    --color-v2-line-strong: #3A3A34;
    --color-v2-accent-text: #8FB0FF;
    --color-v2-accent-text-hover: #B7CAFF;
    --color-v2-accent-action: #6E8DFF;
    --color-v2-accent-action-hover: #8FB0FF;
    --color-v2-accent-soft: #131C3A;
    --color-v2-accent-on-action: #0A1026;
    --color-v2-focus-ring: rgba(110, 141, 255, 0.34);
    --color-v2-live: #8FB0FF;
    --color-v2-live-soft: #131C3A;
    --color-v2-code-key: #A8BDFF;
    --color-v2-code-string: #8FB0FF;
    --color-v2-code-number: #C4D2FF;
    --color-v2-code-literal: #789AFF;
    --color-v2-code-comment: #85857D;
    --color-v2-code-title: #A8BDFF;
    --color-v2-code-punctuation: #B8B8B1;
    --color-v2-code-surface: #0E0E0C;
    --color-v2-header-backdrop: rgba(10, 10, 9, 0.92);
    --effect-v2-shadow-ambient: 0 24px 70px rgba(0, 0, 0, 0.24);
    --effect-v2-shadow-header: 0 8px 30px rgba(0, 0, 0, 0.18);
    --effect-v2-shadow-action: 0 10px 28px rgba(110, 141, 255, 0.24);
    --effect-v2-shadow-action-hover: 0 14px 34px rgba(143, 176, 255, 0.28);
    --effect-v2-shadow-soft: 0 14px 38px rgba(0, 0, 0, 0.16);
  }
}

html[data-theme="light"] {
  --color-v2-page: #FFFFFF;
  --color-v2-surface: #FFFFFF;
  --color-v2-surface-muted: #F7F7F5;
  --color-v2-text: #11110F;
  --color-v2-text-soft: #5E5E59;
  --color-v2-text-faint: #85857F;
  --color-v2-line: #E6E6E1;
  --color-v2-line-strong: #D4D4CE;
  --color-v2-accent-text: #2346C7;
  --color-v2-accent-text-hover: #1839A4;
  --color-v2-accent-action: #315CFF;
  --color-v2-accent-action-hover: #2449E6;
  --color-v2-accent-soft: #EDF2FF;
  --color-v2-accent-on-action: #FFFFFF;
  --color-v2-focus-ring: rgba(49, 92, 255, 0.28);
  --color-v2-live: #2346C7;
  --color-v2-live-soft: #EDF2FF;
  --color-v2-code-key: #2346C7;
  --color-v2-code-string: #365EDB;
  --color-v2-code-number: #264E94;
  --color-v2-code-literal: #4767C9;
  --color-v2-code-comment: #85857F;
  --color-v2-code-title: #2346C7;
  --color-v2-code-punctuation: #5E5E59;
  --color-v2-code-surface: #FAFAF8;
  --color-v2-header-backdrop: rgba(255, 255, 255, 0.94);
  --effect-v2-shadow-ambient: 0 22px 60px rgba(17, 17, 15, 0.08);
  --effect-v2-shadow-header: 0 8px 30px rgba(17, 17, 15, 0.05);
  --effect-v2-shadow-action: 0 10px 28px rgba(49, 92, 255, 0.18);
  --effect-v2-shadow-action-hover: 0 14px 34px rgba(49, 92, 255, 0.24);
  --effect-v2-shadow-soft: 0 14px 38px rgba(17, 17, 15, 0.05);
}

html[data-theme="dark"] {
  --color-v2-page: #0A0A09;
  --color-v2-surface: #11110F;
  --color-v2-surface-muted: #191916;
  --color-v2-text: #FAFAF7;
  --color-v2-text-soft: #B8B8B1;
  --color-v2-text-faint: #85857D;
  --color-v2-line: #2A2A26;
  --color-v2-line-strong: #3A3A34;
  --color-v2-accent-text: #8FB0FF;
  --color-v2-accent-text-hover: #B7CAFF;
  --color-v2-accent-action: #6E8DFF;
  --color-v2-accent-action-hover: #8FB0FF;
  --color-v2-accent-soft: #131C3A;
  --color-v2-accent-on-action: #0A1026;
  --color-v2-focus-ring: rgba(110, 141, 255, 0.34);
  --color-v2-live: #8FB0FF;
  --color-v2-live-soft: #131C3A;
  --color-v2-code-key: #A8BDFF;
  --color-v2-code-string: #8FB0FF;
  --color-v2-code-number: #C4D2FF;
  --color-v2-code-literal: #789AFF;
  --color-v2-code-comment: #85857D;
  --color-v2-code-title: #A8BDFF;
  --color-v2-code-punctuation: #B8B8B1;
  --color-v2-code-surface: #0E0E0C;
  --color-v2-header-backdrop: rgba(10, 10, 9, 0.92);
  --effect-v2-shadow-ambient: 0 24px 70px rgba(0, 0, 0, 0.24);
  --effect-v2-shadow-header: 0 8px 30px rgba(0, 0, 0, 0.18);
  --effect-v2-shadow-action: 0 10px 28px rgba(110, 141, 255, 0.24);
  --effect-v2-shadow-action-hover: 0 14px 34px rgba(143, 176, 255, 0.28);
  --effect-v2-shadow-soft: 0 14px 38px rgba(0, 0, 0, 0.16);
}