/* Michigander Euchre theme C: Retro Road Trip.
   Sunny cream panels, cherry-red accents, light maple rail, bright green felt, script wordmark. Light theme. */
:root[data-theme="retro"] {
  color-scheme: light;
  --theme-name: "Retro Road Trip";
  --theme-color: #f3e6cc;
  --bg: #efe1c4;
  --bg-2: #f6ead2;
  --bg-image: radial-gradient(ellipse at 15% -10%, rgba(255, 255, 255, .55), transparent 55%),
              repeating-linear-gradient(115deg, rgba(160, 110, 50, .045) 0 3px, transparent 3px 12px),
              linear-gradient(180deg, #f6ead2, #e7d3ad);
  --surface: rgba(252, 244, 226, .97);
  --surface-2: #f4e6c8;
  --surface-glass: rgba(250, 241, 220, .95);
  --line: #dcc59c;
  --line-strong: #b8312f;
  --text: #3a2a1e;
  --text-soft: #5a4636;
  --muted: #86704f;
  --accent: #b8312f;
  --accent-hi: #d24a3f;
  --accent-ink: #fff7ea;
  --accent-grad: linear-gradient(180deg, #d24a3f, #a82a26);
  --accent-shadow: 0 3px 0 #74191a;
  --secondary-bg: #fffaf0;
  --secondary-ink: #8a2522;
  --secondary-line: #cfa77c;
  --danger: #b8312f; --danger-ink: #fff7ea;
  --ok: #2e7a45; --ok-ink: #f2fff5;
  --warn: #c47a1a; --warn-ink: #fffaf0;
  --plan: #6d7f8f; --plan-ink: #f6f9fc;
  --input-bg: #fffaf0;
  --focus-ring: 0 0 0 3px rgba(184, 49, 47, .25);
  --overlay: rgba(60, 40, 20, .45);
  --font-ui: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  --font-display: "Brush Script MT", "Segoe Script", "Lobster", "Comic Sans MS", cursive;
  --display-weight: 700;
  --display-case: none;
  --display-spacing: .01em;
  --display-color: #b8312f;
  --heading-color: #a82a26;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --shadow: 0 10px 26px rgba(90, 60, 30, .25);
  --shadow-sm: 0 3px 8px rgba(90, 60, 30, .22);
  --felt: radial-gradient(ellipse at 50% 42%, #33834b 0%, #276a3d 55%, #1c4f2d 100%);
  --felt-color: #276a3d;
  --felt-line: rgba(255, 245, 220, .3);
  --rail: linear-gradient(155deg, #e2b37c 0%, #c08a50 40%, #d6a267 65%, #a8733c 100%);
  --rail-width: 14px;
  --rail-shadow: 0 14px 34px rgba(90, 60, 30, .35), inset 0 0 0 2px rgba(255, 245, 225, .4), inset 0 0 36px rgba(0, 0, 0, .3);
  --seat-bg: rgba(252, 244, 226, .95);
  --seat-line: #b8312f;
  --seat-ink: #3a2a1e;
  --seat-active: #b8312f;
  --team-ns: #2b6cb0;
  --team-ew: #b8312f;
  --card-face: #fffaf0;
  --card-ink: #222;
  --card-red: #c0262d;
  --card-radius: 10px;
  --card-shadow: 0 4px 10px rgba(60, 40, 20, .35);
  --card-back-url: url('/play/euchrecard.jpeg');
  --start-art: url('/img/start.jpg');
  --start-glow: radial-gradient(ellipse at 50% 30%, rgba(255, 255, 255, .6), transparent 60%);
}