/* Michigander Euchre theme D2: Forest Night - Porcupine Mountains. Great Lakes Night structure in dark pine green.
   Deep navy lake-at-night felt, dark walnut rail with brass, gold accents, engraved uppercase headings. */
:root[data-theme="porkies"] {
  color-scheme: dark;
  --theme-name: "Porcupine Mountains";
  --theme-color: #0b1c11;
  --bg: #0b1c11;
  --bg-2: #122b1b;
  --scenery: linear-gradient(180deg, rgba(6, 16, 10, .35), rgba(6, 16, 10, .55)), url('/themes/art/porkies-bg.svg');
  --surface: rgba(15, 37, 23, .95);
  --surface-2: #183623;
  --surface-glass: rgba(10, 25, 16, .92);
  --line: #2b523a;
  --line-strong: #c9a24a;
  --text: #ece4d0;
  --text-soft: #ccd9d1;
  --muted: #92ae9d;
  --accent: #e8b84a;
  --accent-hi: #f5d27a;
  --accent-ink: #1a1206;
  --accent-grad: linear-gradient(180deg, #f5d27a, #d29a2e);
  --accent-shadow: 0 3px 0 #7a5614;
  --secondary-bg: rgba(255, 255, 255, .04);
  --secondary-ink: #ece4d0;
  --secondary-line: #426e52;
  --danger: #e0675a; --danger-ink: #fff1ef;
  --ok: #2f7d5a; --ok-ink: #e6fff3;
  --warn: #9a6a1a; --warn-ink: #fff5df;
  --plan: #3d7050; --plan-ink: #e6f7ec;
  --input-bg: #0c2214;
  --focus-ring: 0 0 0 3px rgba(232, 184, 74, .35);
  --overlay: rgba(4, 12, 7, .7);
  --font-ui: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Cinzel", "Trajan Pro", Optima, "Palatino Linotype", Georgia, serif;
  --display-weight: 700;
  --display-case: uppercase;
  --display-spacing: .1em;
  --display-color: #f0d58a;
  --heading-color: #f0d58a;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --shadow: 0 12px 34px rgba(0, 0, 0, .6);
  --shadow-sm: 0 3px 10px rgba(0, 0, 0, .5);
  --felt: url('/themes/art/forest-felt.svg') center / cover no-repeat;
  --felt-color: #1f4f31;
  --felt-line: rgba(232, 184, 74, .2);
  --rail: linear-gradient(155deg, #6e4627 0%, #3b2414 40%, #5e3b20 64%, #2c1a0d 100%);
  --rail-width: 14px;
  --rail-shadow: 0 16px 44px rgba(0, 0, 0, .7), inset 0 0 0 2px rgba(201, 162, 74, .55), inset 0 0 44px rgba(0, 0, 0, .45);
  --seat-bg: rgba(11, 28, 17, .82);
  --seat-line: #c9a24a;
  --seat-ink: #ece4d0;
  --seat-active: #f5d27a;
  --team-ns: #91edb3;
  --team-ew: #ff8a7a;
  --card-face: #f7f3ea;
  --card-ink: #161b18;
  --card-red: #b3261e;
  --card-radius: 8px;
  --card-shadow: 0 5px 12px rgba(0, 0, 0, .55);
  --card-back-url: url('/themes/art/forest-back.svg');
  --theme-back-url: url('/themes/art/forest-back.svg');
  --start-art: url('/themes/art/porkies-start.svg');
  --start-glow: radial-gradient(ellipse at 50% 30%, rgba(139, 236, 176, .2), transparent 60%);
}

/* scenery sits at the bottom of the window and fills it */

/* v1.3.4: scenery is one fixed, full-viewport layer behind everything (no repeat, no gap at the bottom). */
:root[data-theme="porkies"] { --bg-image: none; background: var(--bg); }
:root[data-theme="porkies"]::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image: var(--scenery); background-size: 100% 100%, cover; background-position: center, center bottom; background-repeat: no-repeat; }
:root[data-theme="porkies"] body { background: transparent !important; }
:root[data-theme="porkies"] #eu-start { background-color: var(--bg) !important; background-image: var(--start-glow), var(--scenery) !important; background-size: 100% 100%, 100% 100%, cover !important; background-position: center, center, center bottom !important; background-repeat: no-repeat !important; background-attachment: fixed !important; }