:root {
  --color-primary: #0D4C8C;
  --color-primary-dark: #093460;
  --color-primary-light: #2E6FB0;
  --color-accent: #1F8FFF;
  --color-success: #2E8B57;
  --color-warning: #D89400;
  --color-danger: #C5333A;
  --color-text: #1A1A1A;
  --color-text-muted: #5A5F66;
  --color-text-light: #8A8F96;
  --color-bg: #FFFFFF;
  --color-bg-soft: #F5F7FA;
  --color-bg-info: #EAF3FB;
  --color-bg-warn: #FFF8E5;
  --color-bg-danger: #FCEDEE;
  --color-bg-success: #E8F5EC;
  --color-border: #E2E6EC;
  --color-border-strong: #C8CFD8;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 2px rgba(20,30,50,0.06);
  --shadow-md: 0 4px 14px rgba(20,30,50,0.08);
  --shadow-lg: 0 10px 30px rgba(20,30,50,0.12);

  --max-content-width: 880px;
  --max-page-width: 1200px;

  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
}