:root{
  /* Base palette — from Coda Brand Kit v1.0 */
  --navy:#0E1E36;
  --steel:#34788E;
  --slate:#62738C;
  --cloud:#A0AFC3;
  --platinum:#F0F3F8;
  --white:#FFFFFF;

  /* Navy tints/shades for surfaces + states */
  --navy-90:#16294A;
  --navy-80:#1C3357;
  --steel-dark:#255C6C;
  --steel-light:#5FA1B4;

  /* Semantic aliases */
  --color-bg:var(--white);
  --color-surface:var(--white);
  --color-surface-muted:var(--platinum);
  --color-surface-inverse:var(--navy);

  --color-fg:var(--navy);
  --color-fg-secondary:var(--slate);
  --color-fg-tertiary:var(--cloud);
  --color-fg-inverse:var(--white);
  --color-fg-inverse-muted:var(--cloud);

  --color-accent:var(--steel);
  --color-accent-hover:var(--steel-dark);
  --color-accent-subtle:color-mix(in oklch, var(--steel) 14%, white);

  --color-border:color-mix(in oklch, var(--navy) 14%, white);
  --color-border-strong:color-mix(in oklch, var(--navy) 28%, white);
  --color-border-inverse:color-mix(in oklch, var(--white) 24%, var(--navy));

  --color-link:var(--steel);
  --color-link-hover:var(--steel-dark);

  --color-focus-ring:var(--steel);

  /* Status — extend navy-led palette minimally for system states */
  --color-success:#2F7D5A;
  --color-success-subtle:#E7F3ED;
  --color-warning:#B4791E;
  --color-warning-subtle:#FBF0DE;
  --color-danger:#B0402E;
  --color-danger-subtle:#F8E9E6;
  --color-info:var(--steel);
  --color-info-subtle:var(--color-accent-subtle);
}