:root {
  /*
   * Text
   */
  --text-primary: #1a1410;
  --text-muted: #5b4a36;
  --text-muted-on-dark: #c9bfa3;
  --text-on-accent: #f7eed8;
  --text-on-dark: #f7eed8;

  /*
 * Semantic colors
 */
  --color-danger: #c93f32;
  --color-danger-soft: #f6d7d2;
  --text-on-danger: #fff8e7;
  --color-positive: #4f9f45;
  --color-positive-soft: #fff8e7;
  --text-on-positive: #fff8e7;

  /*
   * Page surface
   */
  --surface-page: #1f3d2e;
  --surface-page-shade: #16302a;
  --surface-page-tint: #2a5240;
  --surface-page-pattern-light: rgba(255, 255, 255, 0.018);
  --surface-page-pattern-dark: rgba(0, 0, 0, 0.04);

  /*
   * General surfaces
   */
  --surface-card: #f7eed8;
  --surface-card-soft: #fff8e7;
  --surface-raised: #fff8e7;
  --surface-frame: #6b4a2b;
  --surface-frame-highlight: #8a6b46;
  --surface-header-control: rgb(255 255 255 / 13%);
  --surface-overlay-badge: #2a1f0e;

  /*
   * Borders
   */
  --border-subtle: rgb(0 0 0 / 14%);
  --border-strong: #1a1410;
  --border-header-control: rgb(255 255 255 / 19%);

  /*
   * Tool accents
   *
   * Named after the tool slug they color. Add a variable here for each new tool.
   */
  --accent-generic-scoresheet: #1f9e8b;
  --accent-first-player: #6bbf59;
  --accent-dice-roller: #e85d4a;
  --accent-team-randomizer: #4a8fd6;
  --accent-health-tracker: #5e4b8b;
  --accent-timer: #c9963a;

  /*
   * Premium accent, used for non-tool UI (vault, unlock, feature highlights)
   */
  --accent-premium: #c9963a;
  --tool-accent: var(--accent-dice-roller);

  /*
   * Card component
   */
  --card-bg: var(--surface-card);
  --card-radius: 1.5rem;
  --card-overlay-bg: rgb(40 38 32 / 62%);
  --card-overlay-badge-bg: var(--surface-overlay-badge);
  --card-overlay-badge-text: var(--text-on-dark);
  --card-pattern-line: rgba(0, 0, 0, 0.025);

  /*
   * Shadows
   */
  --shadow-card-rest: 0 4px 0 rgba(0, 0, 0, 0.25), 0 10px 24px rgba(0, 0, 0, 0.35);
  --shadow-card-hover: 0 6px 0 rgba(0, 0, 0, 0.28), 0 14px 28px rgba(0, 0, 0, 0.4);
  --shadow-card-active: 0 2px 0 rgba(0, 0, 0, 0.25), 0 6px 12px rgba(0, 0, 0, 0.3);
  --shadow-card-sticker:
    0 3px 0 rgba(0, 0, 0, 0.25), inset 0 -3px 0 rgba(0, 0, 0, 0.15),
    inset 0 2px 0 rgba(255, 255, 255, 0.3);

  /*
   * Tool images
   */
  --asset-tool-timer-url: url("../../icons/tools/timer.svg");
  --asset-tool-dice-roller-url: url("../../icons/tools/dice-roller.svg");
  --asset-tool-first-player-url: url("../../icons/tools/first-player.svg");
  --asset-tool-generic-scoresheet-url: url("../../icons/tools/generic-scoresheet.svg");
  --asset-tool-health-tracker-url: url("../../icons/tools/health-tracker.svg");
  --asset-tool-team-randomizer-url: url("../../icons/tools/team-randomizer.svg");

  /*
   * Dice image assets
   */
  --asset-dice-d4-url: url("../../icons/dice/d4.svg");

  --asset-dice-d6-url: url("../../icons/dice/d6.svg");

  --asset-dice-d8-url: url("../../icons/dice/d8.svg");

  --asset-dice-d10-url: url("../../icons/dice/d10.svg");

  --asset-dice-d12-url: url("../../icons/dice/d12.svg");

  --asset-dice-d20-url: url("../../icons/dice/d20.svg");
}