:root {
  /* Brand */
  --color-primary-900: #1f4a5e;
  --color-primary-700: #2f6f8a;
  --color-primary:     #4f98b9;
  --color-primary-300: #9cc5d6;
  --color-primary-100: #e4f0f5;
  --color-accent:      #18bbff;

  /* Text */
  --color-text:       #1c2b31;
  --color-text-2:     #39474d;
  --color-text-muted: #6b7a80;

  /* Surfaces & borders */
  --surface:         #ffffff;
  --surface-1:       #f7f9fa;
  --surface-2:       #eef2f4;
  --border:          #dde5e9;
  --border-strong:   #c3ced4;
  --surface-inverse: #12242b;
  --on-inverse:      #eef2f4;

  /* Status */
  --color-success: #2e7d5b; --color-success-bg: #e6f2ec;
  --color-warning: #b7791f; --color-warning-bg: #faf1de;
  --color-danger:  #c0392b; --color-danger-bg:  #f8e7e4;
  --color-info:    #2f6f8a; --color-info-bg:    #e4f0f5;

  /* Type */
  --font-ui:      'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Poppins', 'Segoe UI', sans-serif;
  --fs-display: 2.75rem; --fs-h1: 2rem; --fs-h2: 1.5rem; --fs-h3: 1.25rem;
  --fs-body: 1rem; --fs-sm: .875rem; --fs-xs: .75rem;

  /* Spacing */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;

  /* Radius */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(28,43,49,.06), 0 1px 3px rgba(28,43,49,.08);
  --shadow-md: 0 4px 12px rgba(28,43,49,.08), 0 2px 4px rgba(28,43,49,.06);
  --shadow-lg: 0 12px 32px rgba(28,43,49,.12);

  /* Motion */
  --transition: 160ms ease;
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}