:root{
  /* Base palette — exact values from Design System v1.0 */
  --blue-700:#315D70;   /* Primary Blue */
  --blue-150:#DDE9EC;   /* Soft Accent */
  --blue-100:#E8F0F2;   /* Light Blue */
  --cream-100:#F5F4F0;  /* Cream */
  --white:#FFFFFF;
  --ink-900:#26343D;    /* Dark Text */
  --ink-500:#68757D;    /* Muted Text */
  --silver-300:#D9E0E2; /* Border Silver */

  /* Derived interaction states (mixes of palette, not new hues) */
  --blue-800:color-mix(in oklab, #315D70 86%, #26343D);
  --blue-900:color-mix(in oklab, #315D70 70%, #26343D);
  --silver-500:color-mix(in oklab, #D9E0E2 65%, #315D70);

  /* Semantic aliases — color.* tokens from the source */
  --color-primary:var(--blue-700);
  --color-primary-hover:var(--blue-800);
  --color-primary-press:var(--blue-900);
  --color-on-primary:var(--white);
  --color-background:var(--white);
  --color-background-alt:var(--cream-100);
  --color-highlight:var(--blue-100);
  --color-accent-soft:var(--blue-150);
  --color-surface:var(--white);
  --color-surface-alt:var(--cream-100);
  --color-text:var(--ink-900);
  --color-text-muted:var(--ink-500);
  --color-border:var(--silver-300);
  --color-border-strong:var(--silver-500);
  --color-focus:var(--blue-700);
  --color-link:var(--blue-700);
  --color-link-hover:var(--blue-900);

  /* Surface shortcuts */
  --surface-page:var(--color-background);
  --surface-section-alt:var(--color-background-alt);
  --surface-card:var(--color-surface);
  --surface-highlight:var(--color-highlight);
  --text-body-color:var(--color-text);
  --text-secondary-color:var(--color-text-muted);
}