:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --primary: #0b2c4a;
  --primary-hover: #143652;
  --secondary: #1a7ba8;
  --secondary-hover: #14658a;
  --success: #0f7a45;
  --success-bg: #e8f8ee;
  --warning: #9a6700;
  --warning-bg: #fff4d6;
  --danger: #b42318;
  --danger-bg: #fde8e8;
  --info: #14658a;
  --info-bg: #d7ebf6;
  --muted: #5b7388;
  --bg: #f4f7fb;
  --surface: #ffffff;
  --border: #d5e2ee;
  --text: #14324a;
  --text-secondary: #5b7388;
  --shadow-sm: 0 1px 2px rgba(11, 44, 74, .06);
  --shadow-md: 0 8px 24px rgba(11, 44, 74, .08);
  --navy: var(--primary);
  --navy-deep: #06182c;
  --teal: var(--secondary);
  --teal-dark: var(--secondary-hover);
  --teal-soft: var(--info-bg);
  --lime: #7bc143;
  --mint: #e8f1f8;
  --cream: var(--bg);
  --ink: var(--text);
  --line: var(--border);
}