/* Generated theme: dungeon-chess */
/* surface:dark tint:warm accent:amber texture:grain cover:ornate typography:classical */

/* Surface: Light — default reading surface */
[data-surface="light"] {
  --surface-mode: light;
  --bg-primary: #f4f0e8;
  --bg-dark: #1a1a2e;
  --bg-darker: #0e0a06;
  --bg-page-outer: #e8e4dc;
  --text-primary: #1a1208;
  --text-secondary: #4a3a28;
  --heading-color: var(--accent-dark, #1a1208);
  --divider-color: rgba(0, 0, 0, .12);
  --border-subtle: rgba(0, 0, 0, .08);
  --stripe-even: rgba(0, 0, 0, .035);
  --box-bg: rgba(0, 0, 0, .04);
  --box-border: rgba(0, 0, 0, .08);
}

/* Surface: Dark — dark reading surface */
[data-surface="dark"] {
  --surface-mode: dark;
  --bg-primary: #141418;
  --bg-dark: #0a0a0e;
  --bg-darker: #060608;
  --bg-page-outer: #08080a;
  --text-primary: #f0ece4;
  --text-secondary: #d8d0c8;
  --heading-color: var(--accent-light, #f0ece4);
  --divider-color: rgba(255, 255, 255, .12);
  --border-subtle: rgba(255, 255, 255, .1);
  --stripe-even: rgba(255, 255, 255, .05);
  --box-bg: rgba(255, 255, 255, .06);
  --box-border: rgba(255, 255, 255, .1);
}

/* Tint: Warm — shifts background toward cream/amber */
:root {
  --tint-hue: 35;
  --tint-sat: 30%;
}
[data-surface="light"] {
  --bg-primary: #f4f0e8;
  --bg-dark: #1e1408;
  --bg-darker: #0e0a06;
  --bg-page-outer: #e8e0d4;
}
[data-surface="dark"] {
  --bg-primary: #18140e;
  --bg-dark: #0e0a06;
  --bg-darker: #080602;
  --bg-page-outer: #040200;
}

/* Accent: Amber — muted warm gold, softer than gold */
:root {
  --accent: #c9a84c;
  --accent-dark: #8b6914;
  --accent-light: #e8d5a0;
  --accent-trans: rgba(201, 168, 76, .3);
  --accent-on-dark: #e8d5a0;
  --accent-on-light: #8b6914;
}

/* Texture: Grain — subtle paper noise */
.page {
  background-image:
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 4px,
      rgba(128, 100, 60, .022) 4px,
      rgba(128, 100, 60, .022) 5px
    ),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.032'/%3E%3C/svg%3E");
}

[data-surface="dark"] .page {
  background-image:
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 4px,
      rgba(200, 180, 140, .015) 4px,
      rgba(200, 180, 140, .015) 5px
    ),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");
}

/* Cover: Ornate — decorative corners with rich dark background */
.cover {
  background: linear-gradient(160deg, #0a0806 0%, var(--accent-dark, #2a1a0a) 60%, #1a1008 100%);
}

.cover::before {
  border-width: 3px;
  border-color: var(--accent-trans, rgba(201, 168, 76, .4));
}

.cover::after {
  border-width: 3px;
  border-color: var(--accent-trans, rgba(201, 168, 76, .4));
}

/* Typography: Classical — traditional serif-led reading experience */
:root {
  --serif: 'Crimson Pro', Georgia, serif;
  --sans: 'Oswald', sans-serif;
  --mono: 'Special Elite', serif;
  --fs-body: 18px;
  --fs-body-sm: 16px;
  --lh-body: 1.75;
}


/* Section divider */
.section+.section::before{content:'⚔';display:block;text-align:center;font-size:14px;color:var(--accent);opacity:.35;margin:-10px 0 0;line-height:1;}

/* Game-specific overrides */
/* Dungeon Chess — game-specific component overrides */

/* Unit cards section */
.unit-cards-section { margin: 24px 0; }
.species-group { margin-bottom: 22px; }
.species-header {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 16px;
  margin: 0 0 14px;
  border-radius: 4px;
}
.species-group[data-species="human"] .species-header,
.species-group[data-species="human"] .uc-head { background: #8a7a50; }
.species-group[data-species="undead"] .species-header,
.species-group[data-species="undead"] .uc-head { background: #5a4a6a; }
.species-group[data-species="redskin"] .species-header,
.species-group[data-species="redskin"] .uc-head { background: #c83030; }
.species-group[data-species="greenskin"] .species-header,
.species-group[data-species="greenskin"] .uc-head { background: #3a8a3a; }
.uc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.uc-card {
  border: 1px solid var(--divider-color);
  border-radius: 5px;
  overflow: hidden;
  background: var(--box-bg, rgba(255,255,255,0.6));
  box-shadow: 0 1px 4px rgba(40,20,0,0.06);
  break-inside: avoid;
}
.uc-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  color: #fff;
}
.uc-name {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.uc-cost {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 600;
  opacity: 0.9;
}
.uc-role {
  font-family: var(--sans);
  font-size: 8px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-secondary);
  padding: 5px 14px;
  background: var(--box-bg);
  border-bottom: 1px solid var(--divider-color);
}
.uc-body { padding: 10px 14px 12px; }
.uc-row {
  display: flex;
  gap: 8px;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--text-secondary);
  padding: 3px 0;
}
.uc-row + .uc-row {
  border-top: 1px solid var(--divider-color);
  padding-top: 5px;
  margin-top: 2px;
}
.uc-label {
  font-family: var(--sans);
  font-weight: 700;
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-primary);
  min-width: 52px;
  flex-shrink: 0;
  padding-top: 3px;
}
.uc-value { font-size: 12.5px; }
.uc-special .uc-value {
  color: var(--accent);
  font-weight: 600;
  font-style: italic;
}
.uc-weakness .uc-value {
  color: var(--text-secondary);
  font-style: italic;
}


/* Print: force authored surface (dark) */
@media print {
/* Surface: Dark — dark reading surface */
:root {
  --surface-mode: dark;
  --bg-primary: #141418;
  --bg-dark: #0a0a0e;
  --bg-darker: #060608;
  --bg-page-outer: #08080a;
  --text-primary: #f0ece4;
  --text-secondary: #d8d0c8;
  --heading-color: var(--accent-light, #f0ece4);
  --divider-color: rgba(255, 255, 255, .12);
  --border-subtle: rgba(255, 255, 255, .1);
  --stripe-even: rgba(255, 255, 255, .05);
  --box-bg: rgba(255, 255, 255, .06);
  --box-border: rgba(255, 255, 255, .1);
}

}