/* Generated by build.js from src/data/themes/cardroom.js — do not edit.
   Cardroom: Ivory paper, card-table green, brick-red accents.
   Change the palette in that file, or switch themes via ACTIVE in
   src/data/themes/index.js, then run `npm run build`. */

:root {
  --bg: #f3eedf;
  --surface: #fffdf7;
  --surface-2: #eae3d0;
  --border: #d2c8b2;
  --border-strong: #a99d83;
  --text: #18362d;
  --text-muted: #68645b;
  --input-border: #7d8b80;
  --accent: #b33a2f;
  --accent-hover: #8d2c23;
  --accent-soft: #e3f0e2;
  --accent-on-soft: #245c38;
  --accent-solid: #18362d;
  --accent-solid-hover: #0f251e;
  --accent-on-solid: #fffdf7;
  --suit-red: #b33a2f;
  --panel: #18362d;
  --panel-text: #f3eedf;
  --panel-muted: #c3bda8;
  --panel-border: #2a4a3e;
  --panel-accent: #d8bd83;
  --warning-bg: #f8efdb;
  --warning-border: #d9be86;
  --danger-bg: #f9e8e5;
  --danger-border: #dfaea7;
  --card-face: #fffdf7;
  --card-border: #c8bda4;
  --card-back: #18362d;
  --card-ink: #1b1a17;
  --card-ink-red: #b33a2f;
  --diagram-arrow: #8b8069;
  --diagram-good: #245c38;
  --diagram-warn: #8a4a20;
  --diagram-good-bg: #e3f0e2;
  --diagram-warn-bg: #f8efdb;
  --shadow-sm: 0 1px 2px rgb(24 54 45 / 6%), 0 1px 3px rgb(24 54 45 / 4%);
  --shadow-md: 0 3px 10px rgb(24 54 45 / 8%), 0 1px 3px rgb(24 54 45 / 5%);
  --shadow-lg: 0 10px 26px rgb(24 54 45 / 12%), 0 3px 8px rgb(24 54 45 / 6%);
  --diagram-ink: var(--text);
  --diagram-muted: var(--text-muted);
  --card-back-line: rgb(255 255 255 / 28%);
}

:root[data-theme="dark"] {
  --bg: #101f1a;
  --surface: #162b24;
  --surface-2: #1d372e;
  --border: #2a4a3e;
  --border-strong: #436a5a;
  --text: #f0ead9;
  --text-muted: #a8b0a4;
  --input-border: #5f8272;
  --accent: #f0a79c;
  --accent-hover: #f7c4bc;
  --accent-soft: #17332a;
  --accent-on-soft: #8ed7a9;
  --accent-solid: #2a6f4d;
  --accent-solid-hover: #37875e;
  --accent-on-solid: #f0ead9;
  --suit-red: #f0a79c;
  --panel: #1d372e;
  --panel-text: #f0ead9;
  --panel-muted: #adb7ab;
  --panel-border: #31564a;
  --panel-accent: #dcc18a;
  --warning-bg: #2c2417;
  --warning-border: #6b5426;
  --danger-bg: #2e1b19;
  --danger-border: #6d3330;
  --card-face: #f2eee2;
  --card-border: #5c6b61;
  --card-back: #2f7d57;
  --card-ink: #1b1a17;
  --card-ink-red: #b33a2f;
  --diagram-arrow: #8d978c;
  --diagram-good: #8ed7a9;
  --diagram-warn: #e0a463;
  --diagram-good-bg: #17332a;
  --diagram-warn-bg: #2c2417;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);
  --shadow-md: 0 3px 10px rgb(0 0 0 / 45%);
  --shadow-lg: 0 10px 26px rgb(0 0 0 / 55%);
  --diagram-ink: var(--text);
  --diagram-muted: var(--text-muted);
  --card-back-line: rgb(255 255 255 / 28%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #101f1a;
    --surface: #162b24;
    --surface-2: #1d372e;
    --border: #2a4a3e;
    --border-strong: #436a5a;
    --text: #f0ead9;
    --text-muted: #a8b0a4;
    --input-border: #5f8272;
    --accent: #f0a79c;
    --accent-hover: #f7c4bc;
    --accent-soft: #17332a;
    --accent-on-soft: #8ed7a9;
    --accent-solid: #2a6f4d;
    --accent-solid-hover: #37875e;
    --accent-on-solid: #f0ead9;
    --suit-red: #f0a79c;
    --panel: #1d372e;
    --panel-text: #f0ead9;
    --panel-muted: #adb7ab;
    --panel-border: #31564a;
    --panel-accent: #dcc18a;
    --warning-bg: #2c2417;
    --warning-border: #6b5426;
    --danger-bg: #2e1b19;
    --danger-border: #6d3330;
    --card-face: #f2eee2;
    --card-border: #5c6b61;
    --card-back: #2f7d57;
    --card-ink: #1b1a17;
    --card-ink-red: #b33a2f;
    --diagram-arrow: #8d978c;
    --diagram-good: #8ed7a9;
    --diagram-warn: #e0a463;
    --diagram-good-bg: #17332a;
    --diagram-warn-bg: #2c2417;
    --shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);
    --shadow-md: 0 3px 10px rgb(0 0 0 / 45%);
    --shadow-lg: 0 10px 26px rgb(0 0 0 / 55%);
    --diagram-ink: var(--text);
    --diagram-muted: var(--text-muted);
    --card-back-line: rgb(255 255 255 / 28%);
  }
}