:root {
  /* Brand & Accent */
  --color-primary: #006daa;
  --color-primary-deep: #0353a4;
  --color-primary-soft: #b9d6f2;
  --color-on-primary: #ffffff;

  /* Text */
  --color-ink: #061a40;
  --color-body: #003559;
  --color-charcoal: #0353a4;
  --color-mute: #4a6a8a;
  --color-ash: #7a9ab8;
  --color-stone: #a8c4d8;
  --color-on-dark: #ffffff;
  --color-on-dark-mute: rgba(255,255,255,0.72);

  /* Surfaces */
  --color-canvas: #f8fafc;
  --color-surface-soft: #eef4fa;
  --color-surface-card: #ffffff;
  --color-surface-dark: #0353a4;
  --color-surface-deep: #061a40;

  /* Borders & Dividers */
  --color-hairline: #d6e4f0;
  --color-hairline-strong: #061a40;
  --color-divider-dark: rgba(255,255,255,0.12);

  /* Semantic */
  --color-error: #c45c5c;
  --color-warning: #d4a017;
  --color-success: #3d8b6e;
  --color-info: #006daa;
  --color-link: #0353a4;
  --color-badge-new: #006daa;
}