/* Origin Financial — semantic aliases. Reach for these first; base tokens second.
   Text-color aliases use --ink-* because --text-* is the size scale. */
:root {
  /* Ink */
  --ink-primary: var(--color-pure);      /* #ffffff — headlines, primary text */
  --ink-heading: var(--color-cloud);     /* #f5f5f7 — softer display white */
  --ink-body: var(--color-ash);          /* #9f9fa0 — descriptions, never full white */
  --ink-muted: var(--color-fog);         /* #6a6b6b — disabled, meta */
  --ink-inverted: var(--color-void);     /* #000000 — on white / silver fills */

  /* Surfaces */
  --surface-page: var(--color-obsidian);
  --surface-band: var(--color-abyss);
  --surface-card: var(--color-graphite);
  --surface-hover: var(--color-steel);
  --surface-inverted: var(--color-silver);
  --surface-input: var(--color-void);
  --surface-glass: var(--white-a10);
  --surface-glass-hover: var(--white-a20);

  /* Actions — white-on-black is the ONLY primary action (21:1) */
  --action-primary-bg: var(--color-pure);
  --action-primary-fg: var(--color-void);
  --action-primary-bg-hover: var(--color-cloud);
  --action-ghost-fg: var(--color-pure);
  --action-ghost-border: var(--color-pure);

  /* Category tiles — color is the only differentiator */
  --category-1: var(--color-iris-gleam);
  --category-2: var(--color-orchid-bloom);
  --category-3: var(--color-periwinkle);
  --category-4: var(--color-pale-iris);
  --category-5: var(--color-deep-iris);
  --category-6: var(--color-cyan-signal);

  /* Data */
  --data-accent: var(--color-cyan-signal);
  --data-grid: var(--white-a08);

  /* Type roles */
  --type-display: var(--font-display);
  --type-ui: var(--font-sans);
  --type-data: var(--font-mono);
}