:root {
  color-scheme: light;
  --portal-navy: #0b2238;
  --portal-navy-soft: #14324f;
  --portal-gold: #d5a83f;
  --portal-gold-soft: #f2d27a;
  --portal-bg: #f7f8fa;
  --portal-text: #14213d;

  --color-page: var(--portal-bg);
  --color-surface: #ffffff;
  --color-soft: #eef3f6;
  --color-soft-hover: #dde7ec;
  --color-ink: var(--portal-text);
  --color-muted: #5e6b78;
  --color-line: #d7e0e7;
  --color-accent: var(--portal-navy);
  --color-success: #1f6b3b;
  --color-warning: #8a5a00;
  --color-danger: #9b1c1c;
  --color-sidebar: var(--portal-navy);
  --color-sidebar-soft: rgba(255, 255, 255, 0.08);
  --color-sidebar-hover: rgba(213, 168, 63, 0.14);
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #d6dee7;
  --color-sidebar-active: var(--portal-gold);

  --font-base: Arial, Helvetica, sans-serif;
  --radius-control: 6px;
  --radius-panel: 8px;
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 18px;
  --space-xl: 24px;
  --space-page: 30px;
  --sidebar-width: 260px;
  --content-max: 1180px;
}