/* Single home for every color literal.
   Source: gray levels measured from brand/ (see src/brand/palette.json for counts and provenance).
   Alpha suffixes are applied to those same brand levels; no hue exists in the assets. */
:root {
  --c-0: #000000;
  --c-10: #0a0a0a;
  --c-20: #141414;
  --c-30: #1e1e1e;
  --c-40: #282828;
  --c-60: #3c3c3c;
  --c-90: #5a5a5a;
  --c-120: #787878;
  --c-150: #969696;
  --c-180: #b4b4b4;
  --c-215: #d7d7d7;
  --c-235: #ebebeb;
  --c-245: #f5f5f5;
  --c-254: #fefefe;
  --c-255: #ffffff;

  --bg: var(--c-0);
  --surface: var(--c-10);
  --surface-2: var(--c-20);
  --surface-glass: #0a0a0ad9;
  --surface-ghost: #fefefe0f;
  --fg: var(--c-254);
  --fg-soft: var(--c-215);
  --fg-mute: var(--c-150);
  --rule: #fefefe1f;
  --rule-strong: #fefefe38;
  --panel: var(--c-254);
  --panel-fg: var(--c-0);
  --panel-mute: var(--c-90);
  --panel-rule: #00000024;
  --spot: #fefefe14;
  --spot-panel: #0000000f;
  --flash: #fefefe40;
  --shadow-sm: 0 1px 2px #00000080;
  --shadow-md: 0 10px 30px #000000a6, 0 2px 6px #00000080;
  --shadow-lg: 0 30px 80px #000000e6, 0 0 0 1px #fefefe1f;
  --mesh-a: #fefefe24;
  --mesh-b: #fefefe14;
  --mesh-c: #78787833;
  --focus: var(--c-254);
}