:root{
  /* Brand palette — MOA Color Palette.png, verbatim */
  --moa-violet:#5F489F;
  --moa-periwinkle:#8B8DC4;
  --moa-black:#000000;
  --moa-bronze:#A27035;
  --moa-sand:#B88B4A;
  --moa-white:#FFFFFF;

  /* Violet ramp (derived, for tints only — never for brand marks) */
  --violet-50:#F2F0F8;
  --violet-100:#E2DEEF;
  --violet-200:#C6C0E0;
  --violet-300:#8B8DC4;
  --violet-500:#5F489F;
  --violet-700:#453472;
  --violet-900:#2A1F45;

  /* Bronze ramp (derived) */
  --bronze-50:#FAF5EC;
  --bronze-100:#F0E4CE;
  --bronze-300:#B88B4A;
  --bronze-500:#A27035;
  --bronze-700:#7A5427;

  /* Neutrals — black-based, no blue cast */
  --ink-900:#000000;
  --ink-700:#2B2B2B;
  --ink-500:#5A5A5A;
  --ink-300:#8E8E8E;
  --ink-200:#C9C9C9;
  --ink-100:#E4E4E4;
  --ink-50:#F4F4F3;

  /* Semantic — text */
  --text-strong:var(--ink-900);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-300);
  --text-accent:var(--moa-violet);
  --text-on-dark:var(--moa-white);
  --text-on-dark-muted:rgba(255,255,255,.66);
  --text-link:var(--moa-violet);
  --text-link-hover:var(--violet-700);

  /* Semantic — surfaces */
  --surface-page:var(--moa-white);
  --surface-raised:var(--moa-white);
  --surface-sunken:var(--ink-50);
  --surface-tint:var(--violet-50);
  --surface-inverse:var(--moa-black);
  --surface-brand:var(--moa-violet);

  /* Semantic — lines (the brand's primary structural device) */
  --line-hairline:var(--ink-200);
  --line-rule:var(--ink-900);
  --line-accent:var(--moa-violet);
  --line-on-dark:rgba(255,255,255,.28);

  /* Semantic — states */
  --focus-ring:var(--moa-violet);
  --state-hover-tint:var(--violet-50);
  --state-disabled-fg:var(--ink-300);
  --state-disabled-line:var(--ink-100);

  /* Data / categorical (charts, tags) — palette order */
  --data-1:var(--moa-violet);
  --data-2:var(--moa-bronze);
  --data-3:var(--moa-periwinkle);
  --data-4:var(--moa-sand);
  --data-5:var(--ink-700);
}