/* Shared game UI roles. See docs/game-ui-design.md.
   Legacy teal names are aliases so the game and expansion catalog stay aligned. */
:root {
  /* ENDESGA 8 by ENDESGA: https://lospec.com/palette-list/endesga-8
     A starting palette, not a colour-count limit: navy/red for the UI,
     yellow for small coin/reward illustrations. White surfaces are pure white;
     neutral steps mix achromatic grey with white, never the navy pigment.
     Scenery and companions retain their material colours. */
  --game-ink: #1b1c33;
  --game-surface: #ffffff;
  --game-neutral: #202020;
  --game-action: #d32734;
  --game-canvas: #ffffff;
  --game-muted: color-mix(in srgb, var(--game-neutral) 72%, var(--game-surface));
  --game-neutral-soft: color-mix(in srgb, var(--game-neutral) 6%, var(--game-surface));
  --game-action-dark: color-mix(in srgb, var(--game-action) 90%, var(--game-ink));
  --game-action-soft: var(--game-neutral-soft);
  --game-inverse-muted: color-mix(in srgb, var(--game-surface) 76%, var(--game-neutral));
  --game-inverse-line: color-mix(in srgb, var(--game-surface) 30%, var(--game-neutral));
  --game-teal: var(--game-action);
  --game-teal-dark: var(--game-action-dark);
  --game-teal-soft: var(--game-action-soft);
  --game-gold: #e6da29;
  --game-gold-soft: var(--game-neutral-soft);
  --game-gold-dark: var(--game-ink);
  --game-coral: var(--game-action);
  --game-line: color-mix(in srgb, var(--game-neutral) 18%, var(--game-surface));
  --game-line-strong: color-mix(in srgb, var(--game-neutral) 48%, var(--game-surface));
  --game-blue: var(--game-ink);
  --game-purple: var(--game-ink);
  --game-sea: var(--game-neutral-soft);
  --game-clay: var(--game-ink);
  --game-success: var(--game-ink);
  --game-success-soft: var(--game-neutral-soft);
  --game-radius-card: 8px;
  --game-radius-control: 12px;
  --game-radius-scene: 24px;
  --game-frame-action: url('/art/ui/action-frame.svg');
  --game-frame-paper: url('/art/ui/paper-frame.svg');
  --game-paper-rim: inset 0 0 0 3px var(--game-surface), inset 0 0 0 4px var(--game-line);
}