:root{
  /* base */
  --yellow: #FFC629;
  --yellow-hover: #FFD75E;
  --black: #0A0A09;
  --black-soft: #17140F;
  --white: #FFFFFF;
  --cream: #FFF6E6;
  --red: #E3232C;
  --stone: #6B6458;
  --stone-line: #D9CFB8;
  --green-ok: #1C7A34;

  /* semantic aliases */
  --surface-page: var(--black);
  --surface-card: var(--white);
  --surface-panel: var(--black-soft);
  --accent-dominant: var(--yellow);
  --accent-dominant-hover: var(--yellow-hover);
  --accent-rare: var(--cream);
  --accent-point: var(--red);
  --ink: var(--black);
  --ink-on-dark: var(--white);
  --text-body-dark-bg: #E9E4D6;
  --text-muted-dark-bg: #C9C2AE;
  --text-secondary: var(--stone);
  --line-default: var(--stone-line);
  --line-dark: #2B2620;
}