/* Origin Financial — base palette. Names are the brand's own. */
:root {
  /* Chromatic — feature category tiles only (plus Cyan Signal for data) */
  --color-iris-gleam: #847dff;
  --color-cyan-signal: #00b3dd;
  --color-pale-iris: #d1c9ff;
  --color-deep-iris: #4b49aa;
  --color-orchid-bloom: #dd90d8;
  --color-periwinkle: #90b8f0;

  /* Neutral ramp — dark to light */
  --color-void: #000000;
  --color-abyss: #090a0b;
  --color-obsidian: #0f1011;
  --color-graphite: #2e2e2e;
  --color-steel: #3f4041;
  --color-fog: #6a6b6b;
  --color-ash: #9f9fa0;
  --color-silver: #cacaca;
  --color-cloud: #f5f5f7;
  --color-pure: #ffffff;

  /* Surfaces (source "Surfaces" table; graphite corrected from the
     malformed 5-digit #2e2e2 in the extraction to #2e2e2e) */
  --surface-obsidian-canvas: var(--color-obsidian);
  --surface-abyss: var(--color-abyss);
  --surface-graphite-card: var(--color-graphite);
  --surface-steel-hover: var(--color-steel);
  --surface-silver-inverted: var(--color-silver);

  /* White alphas — the glass / hairline system */
  --white-a04: rgba(255, 255, 255, 0.04);
  --white-a08: rgba(255, 255, 255, 0.08);
  --white-a10: rgba(255, 255, 255, 0.1);
  --white-a12: rgba(255, 255, 255, 0.12);
  --white-a15: rgba(255, 255, 255, 0.15);
  --white-a20: rgba(255, 255, 255, 0.2);
  --white-a30: rgba(255, 255, 255, 0.3);
  --black-a20: rgba(0, 0, 0, 0.2);
  --black-a60: rgba(0, 0, 0, 0.6);
}