/* Canonical G14 theme tokens for every private page. */
:root {
  color-scheme: dark;
  /* Brand */
  --brand: #3aa0ff;        /* Tech Blue */
  --brand-soft: #17293e;
  --accent: #7b5cff;       /* Future Purple */
  --violet: #8f78ff;
  --violet-soft: #26203f;

  /* G13 DARK tokens (default) */
  --canvas: #17191f;
  --surface: #1d2027;
  --card: #20232b;
  --elevated: #262b35;
  --accent-surface: #2b303b;
  --selected: #1c2c40;
  --border: #383e4b;
  --border-strong: #454c5c;
  --text: #f7f8fb;
  --text-muted: #aeb4c0;
  --faint: #7e8595;

  /* G13 dark semantic tones */
  --success: #3ecf8e;
  --success-soft: #15291f;
  --warning: #e5a44a;
  --warning-soft: #2b2312;
  --info: #3aa0ff;
  --info-soft: #17293e;
  --danger: #f0716c;

  --bg: var(--canvas);
  --surface-2: var(--elevated);

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* Auto mode: system light preference before any class lands on <html>. */
@media (prefers-color-scheme: light) {
  :root:not(.dark):not(.light) {
    color-scheme: light;
    --brand: #2e86e6;
    --brand-soft: #e8f2fe;
    --violet: #6b4bef;
    --violet-soft: #efeaff;
    --canvas: #f5f6fa;
    --surface: #ffffff;
    --card: #f8f8fc;
    --elevated: #f1f2f7;
    --accent-surface: #f5f2ff;
    --selected: #eaf3fe;
    --border: #e4e7ef;
    --border-strong: #d4d8e4;
    --text: #181b22;
    --text-muted: #747c8d;
    --faint: #9aa2b3;
    --success: #178a50;
    --success-soft: #e4f5ec;
    --warning: #b26a00;
    --warning-soft: #fdf2df;
    --info: #2e86e6;
    --info-soft: #e8f2fe;
    --danger: #cc3d3d;
  }
}

/* Manual override: Light */
html.light {
  color-scheme: light;
  --brand: #2e86e6;
  --brand-soft: #e8f2fe;
  --violet: #6b4bef;
  --violet-soft: #efeaff;
  --canvas: #f5f6fa;
  --surface: #ffffff;
  --card: #f8f8fc;
  --elevated: #f1f2f7;
  --accent-surface: #f5f2ff;
  --selected: #eaf3fe;
  --border: #e4e7ef;
  --border-strong: #d4d8e4;
  --text: #181b22;
  --text-muted: #747c8d;
  --faint: #9aa2b3;
  --success: #178a50;
  --success-soft: #e4f5ec;
  --warning: #b26a00;
  --warning-soft: #fdf2df;
  --info: #2e86e6;
  --info-soft: #e8f2fe;
  --danger: #cc3d3d;
}

/* Manual override: Dark */
html.dark {
  color-scheme: dark;
  --brand: #3aa0ff;
  --brand-soft: #17293e;
  --violet: #8f78ff;
  --violet-soft: #26203f;
  --canvas: #17191f;
  --surface: #1d2027;
  --card: #20232b;
  --elevated: #262b35;
  --accent-surface: #2b303b;
  --selected: #1c2c40;
  --border: #383e4b;
  --border-strong: #454c5c;
  --text: #f7f8fb;
  --text-muted: #aeb4c0;
  --faint: #7e8595;
  --success: #3ecf8e;
  --success-soft: #15291f;
  --warning: #e5a44a;
  --warning-soft: #2b2312;
  --info: #3aa0ff;
  --info-soft: #17293e;
  --danger: #f0716c;
}