/* Awesomic — Color tokens
 * A dense, graduated achromatic scale (gray-50 → gray-950) plus two
 * scarcity accents. Only 3–4 steps appear in any single view. */

:root {
  /* Neutral scale — anchor dark to brightest surface */
  /* Dark anchor swapped from the obsidian/near-black family to aubergine. */
  --color-aubergine: #421d24;      /* primary anchor: buttons, display text */
  --color-aubergine-deep: #4e242c; /* body / nav / reading-weight text */
  --color-obsidian: var(--color-aubergine);   /* alias kept for component refs */
  --color-ink: var(--color-aubergine-deep);   /* alias kept for component refs */
  --color-graphite: #3f3f46; /* dominant UI border tone, dark filled badges */
  --color-slate: #52525b;    /* mid-dark card backgrounds in dark sections */
  --color-steel: #71717a;    /* muted body copy, stat captions */
  --color-ash: #a1a1aa;      /* subdued headings, placeholder text, rules */
  --color-pebble: #d4d4d8;   /* hairline dividers, lightest visible border */
  --color-fog: #ececee;      /* card backgrounds (mid), badge borders */
  --color-mist: #f4f4f5;     /* page canvas, dominant background tone */
  --color-snow: #ffffff;     /* white card surfaces, inputs, outlined fills */

  /* Scarcity accents — never for UI states */
  --color-ember: #ff5a00;        /* YC batch badge ONLY */
  --color-orchid-flash: #fe45e2; /* single decorative card wash ONLY */

  /* ---- Semantic aliases ---- */
  --text-primary: var(--color-obsidian);
  --text-body: var(--color-ink);
  --text-muted: var(--color-steel);
  --text-subtle: var(--color-ash);
  --text-on-dark: var(--color-snow);

  /* Canonical surface names (mirror production source) */
  --surface-canvas: var(--color-mist);
  --surface-card-white: var(--color-snow);
  --surface-card-muted: var(--color-fog);
  --surface-dark-surface: var(--color-obsidian);

  /* Shorter semantic aliases */
  --surface-card: var(--color-snow);
  --surface-dark: var(--color-obsidian);

  --border-strong: var(--color-graphite);
  --border-subtle: var(--color-fog);
  --border-hairline: var(--color-pebble);

  --action-primary-bg: var(--color-obsidian);
  --action-primary-fg: var(--color-snow);

  /* Links use Ember as the highlight accent. */
  --color-link: var(--color-ember);
  --color-link-hover: #d94d00;
}