:root {
  --color-primary: #0078D2;
  --color-primary-hover: #0061AB;
  --color-primary-soft: #E8F3FC;
  --color-accent-sky: #00AFCA;
  --color-accent-sky-soft: #E3F6F9;
  --color-accent-gold: #FEC50C;
  --color-accent-gold-soft: #FFF6DC;
  --color-sign-teal: #1F6787;
  --color-sign-teal-hover: #185470;

  --color-text: #0F1C2E;
  --color-text-secondary: #5A6B7E;
  --color-text-ghost: #8D9AA8;
  --color-bg: #F7F9FB;
  --color-card: #FFFFFF;
  --color-line: #E4EAF0;
  --color-line-strong: #D2DBE4;

  --color-success: #22A053;
  --color-success-soft: #E6F5EC;
  --color-warning: #F38B00;
  --color-warning-soft: #FDF0E0;
  --color-error: #EB5757;
  --color-error-soft: #FCEAEA;
  --color-neutral-soft: #EEF1F5;

  --chart-1: #0078D2;
  --chart-2: #00AFCA;
  --chart-3: #FEC50C;
  --chart-4: #8D9AA8;
  --chart-5: #1F6787;
  --chart-grid: #E4EAF0;

  --radius-card: 10px;
  --radius-control: 8px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(15, 28, 46, .04), 0 2px 10px rgba(15, 28, 46, .05);
  --shadow-float: 0 8px 32px rgba(15, 28, 46, .16);

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;

  --content-max: 1280px;
  --sidebar-w: 268px;
  --topbar-h: 68px;

  --font-base: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}