/* Codex Insider — color tokens. Light is default; scope [data-theme="dark"] flips semantics. */
:root {
  /* Indigo ramp (brand) */
  --indigo-50: #F1F3FE;
  --indigo-100: #E4E7FD;
  --indigo-200: #C9CFFB;
  --indigo-300: #A9B6F8;
  --indigo-400: #8B93F8;
  --indigo-500: #6E76F2;
  --indigo-600: #5152E8;
  --indigo-700: #3F3DC9;
  --indigo-800: #312F9E;
  --indigo-900: #232250;

  /* Lavender mist (backgrounds) */
  --mist-1: #E9ECFB;
  --mist-2: #DBE0FA;
  --mist-3: #C7CDF6;

  /* Ink neutrals */
  --ink-900: #0D0D12;
  --ink-700: #3A3A44;
  --ink-500: #6E6E7A;
  --ink-300: #B4B4C0;
  --ink-200: #DDDDE6;
  --ink-100: #EFEFF4;
  --paper: #FCFCFE;
  --white: #FFFFFF;

  /* Gradients */
  --gradient-brand: linear-gradient(135deg, #A9B6F8 0%, #6E76F2 48%, #4645DE 100%);
  --gradient-mist: linear-gradient(120deg, #EDEFFE 0%, #DBE0FA 45%, #C7CDF6 100%);
  --gradient-ink: linear-gradient(135deg, #17171F 0%, #0D0D12 100%);

  /* Semantic — light */
  --bg: #FCFCFE;
  --surface: #FFFFFF;
  --surface-2: #F4F5FB;
  --text-1: #0D0D12;
  --text-2: #5C5C6A;
  --text-3: #8E8E9C;
  --border: #E4E4EE;
  --accent: #5152E8;
  --accent-strong: #3F3DC9;
  --accent-soft: #E4E7FD;
  --on-accent: #FFFFFF;
  --link: #4645DE;
  --success: #1F9D66;
  --warning: #C77414;
  --danger: #D2455B;
  --shadow-card: 0 1px 2px rgba(13, 13, 18, 0.05), 0 8px 24px rgba(13, 13, 18, 0.06);
  --shadow-pop: 0 4px 12px rgba(13, 13, 18, 0.10), 0 16px 48px rgba(13, 13, 18, 0.12);
}
[data-theme="dark"] {
  --bg: #0D0D12;
  --surface: #17171F;
  --surface-2: #1F1F2A;
  --text-1: #F2F2F7;
  --text-2: #A9A9B8;
  --text-3: #74747F;
  --border: #2A2A38;
  --accent: #8B93F8;
  --accent-strong: #A9B6F8;
  --accent-soft: #232450;
  --on-accent: #0D0D12;
  --link: #A9B6F8;
  --success: #3ECF8E;
  --warning: #E8A33D;
  --danger: #F17287;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-pop: 0 4px 12px rgba(0, 0, 0, 0.5), 0 16px 48px rgba(0, 0, 0, 0.45);
  /* Mist inverts to a deep indigo-ink wash in dark mode */
  --gradient-mist: linear-gradient(120deg, #191A2B 0%, #15162A 45%, #101120 100%);
  --mist-3: #2A2A44;
  --ink-900: #F2F2F7;
  --ink-700: #A9A9B8;
  --ink-500: #74747F;
}
