/* Board formatting that sets Fantasy and Medieval apart while keeping the shared Japanese restraint.
   Fantasy: airy cream paper, soft corners, thin gold rules. The book family (Medieval, Rose, Verdant): a printed book page with solid header bands.
   Every palette only sets tokens: --band, --band-ink, --band-edge, --dropcap, --card-frame (see themes-alt.css, themes-book.css). */

/* Fantasy */
:root[data-theme="fantasy"] {
  --radius-s: 4px; --radius-m: 6px; --radius-l: 8px; --radius-xl: 10px; --radius-btn: 4px;
}
:root[data-theme="fantasy"] .card { --accent-ink: color-mix(in srgb, var(--accent) 50%, #1b1306); }
:root[data-theme="fantasy"] .card-head { margin: 0 16px; padding: 12px 0 8px; border-bottom: 1px solid rgba(166, 128, 44, 0.65); }
:root[data-theme="fantasy"] .card-body { padding: 10px 16px 16px; line-height: 1.7; }
:root[data-theme="fantasy"] .card-type { color: #7a5a14; }
:root[data-theme="fantasy"] .trait-list, :root[data-theme="fantasy"] .cl-item { gap: 6px; }
:root[data-theme="fantasy"] .cl-item { margin-bottom: 7px; }
:root[data-theme="fantasy"] .tl-item { margin-bottom: 10px; }

/* Book family */
:root[data-family="book"] {
  --font-display: "IM Fell English", "Noto Serif JP", Georgia, serif;
  --head-weight: 400; --head-track: 0.01em; --label-track: 0.14em;
  --radius-s: 0; --radius-m: 0; --radius-l: 1px; --radius-xl: 1px; --radius-btn: 0;
  --card-shadow: 0 1px 0 rgba(0, 0, 0, 0.35), 0 3px 8px rgba(0, 0, 0, 0.3);
}
:root[data-family="book"] .card { --accent-ink: color-mix(in srgb, var(--accent) 70%, #14100c); }
:root[data-family="book"] .card::before { display: none; }
:root[data-family="book"] .card::after { content: ""; position: absolute; inset: 3px; border: 1px solid var(--card-frame); pointer-events: none; z-index: 1; }
:root[data-family="book"] .card-head { padding: 6px 10px; background: var(--band); border-bottom: 2px solid var(--band-edge); }
:root[data-family="book"] .card-type { color: var(--band-ink); font-size: 12px; letter-spacing: 0.14em; font-variant-caps: all-small-caps; text-transform: none; }
:root[data-family="book"] .card-tool { color: color-mix(in srgb, var(--band-ink) 85%, var(--band)); }
:root[data-family="book"] .card-tool:hover { background: rgba(255, 255, 255, 0.16); color: var(--band-ink); }
:root[data-family="book"] .card-tool.port { color: var(--band-ink); }
:root[data-family="book"] .card-body { padding: 6px 10px 10px; }
:root[data-family="book"] .ed.title { font-size: 19px; }
:root[data-family="book"] .ed.body { line-height: 1.5; }
:root[data-family="book"] :is(.sheet-section, .method-label, .trait-group h5, .ed.chapter, .ability small, .vital small) { font-variant-caps: all-small-caps; text-transform: none; font-size: 12px; letter-spacing: 0.14em; }
:root[data-family="book"] :is(.sheet-section, .method-label) { color: var(--ink-2); }
:root[data-family="book"] .trait-item, :root[data-family="book"] .cl-item { border-bottom: 1px solid var(--card-line); padding-bottom: 2px; }
:root[data-family="book"] :is(.trait-list, .cl-item) { gap: 2px; }
:root[data-family="book"] .cl-item { margin-bottom: 2px; }
:root[data-family="book"] .tl-item { margin-bottom: 4px; }

/* Automatic drop cap in the palette's band tone on a backstory's first paragraph, unless the author set a rich text drop cap */
:root[data-family="book"] .ed.chapter ~ .rt-editor.serif:not(.is-empty):not(:has(.dropcap))::first-letter {
  float: left; font-family: "IM Fell English", Georgia, serif; font-size: 3.2em; line-height: 0.82; padding: 0.06em 0.1em 0 0; color: var(--dropcap);
}

/* A card colour the user picked recolours that card's title band; darkened so light band text stays readable. */
:root[data-family="book"] .card.accent-chosen .card-head { background: color-mix(in srgb, var(--accent) 40%, #140a08); border-bottom-color: color-mix(in srgb, var(--accent) 80%, #000); }
:root[data-family="book"] .card.accent-chosen .card-head, :root[data-family="book"] .card.accent-chosen .card-type { color: #fbf4ea; }
:root[data-family="book"] .card.accent-chosen .card-tool { color: rgba(251, 244, 234, 0.85); }