/* Semantic aliases — what a stylesheet should reach for first. Load after the
   raw token files and before any component sheet. */
:root {
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-500);
  --text-tertiary: var(--ink-300);
  --text-inverse: #ffffff;
  --text-win: var(--mint-800);
  --text-loss: var(--coral-700);

  --surface-page: var(--canvas);
  --surface-card: var(--surface);
  --surface-sunk: var(--surface-sunken);
  --surface-hover: var(--surface-sunken);
  --surface-win: var(--mint-50);
  --surface-loss: var(--coral-50);
  --surface-band: var(--grad-header);

  --border-default: var(--line);
  --border-strong: var(--line-strong);
  --border-selected: var(--ink-900);
  --border-win: var(--mint-300);

  --action-primary-bg: var(--ink-900);
  --action-primary-fg: #ffffff;
  --action-primary-bg-hover: #24262e;
  --action-secondary-bg: var(--surface);
  --action-secondary-fg: var(--ink-900);
  --action-ghost-fg: var(--ink-500);
  --action-destructive-fg: var(--coral-700);

  --opacity-disabled: 0.45;
  --opacity-quiet: 0.6;
}