/* MIRAGE — color tokens. Binary system: black + white only. No accents, no gradients. */
:root {
  /* Base */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-charcoal-ink: #0a0a0a;
  --color-focus-gray: #737373;

  /* Surfaces */
  --surface-white-canvas: #ffffff;
  --surface-black-stage: #000000;

  /* Semantic — on white canvas */
  --fg-on-canvas: var(--color-black);
  --rule-on-canvas: var(--color-black);
  /* Semantic — on black stage */
  --fg-on-stage: var(--color-white);
  --rule-on-stage: var(--color-white);

  /* Semantic aliases */
  --surface-canvas: var(--surface-white-canvas);
  --surface-stage: var(--surface-black-stage);
  --text-primary: var(--color-black);
  --text-inverse: var(--color-white);
  --icon-stroke-dark: var(--color-charcoal-ink);
  --focus-ring-color: var(--color-focus-gray);
  --button-fill: var(--color-black);
  --button-fg: var(--color-white);
}