/* Boardroom — sharp, formal, high contrast, one restrained accent. */

body[data-theme="boardroom"] {
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-tile-num: Georgia, "Times New Roman", serif;

  --bg: #14161a;
  --panel: #1e2127;
  --ink: #e8e6e1;
  --ink-soft: #a8a49c;
  --ink-faint: #6e6a63;

  --accent: #b08d3f;
  --accent-deep: #cfa952;
  --accent-ink: #14161a;
  --mahj-bg: #8c2f39;
  --mahj-ink: #f5efe3;

  /* Club baize: fine woven texture, gold double border, deep vignette. */
  --felt: repeating-linear-gradient(45deg, rgba(255, 255, 255, .022) 0 2px, transparent 2px 4px),
          repeating-linear-gradient(-45deg, rgba(0, 0, 0, .12) 0 2px, transparent 2px 4px),
          radial-gradient(ellipse at 50% 38%, #245239, #14261c 85%);
  --felt-ink: #9fbfae;
  --felt-shadow: inset 0 0 0 2px #b08d3f66, inset 0 0 0 10px transparent,
                 inset 0 0 0 11px #b08d3f2e, inset 0 6px 40px rgba(0, 0, 0, .6);

  --chip-bg: #2a2e36;
  --chip-ink: #cfa952;
  --east-bg: #b08d3f;
  --east-ink: #14161a;

  --tile-bg: linear-gradient(178deg, #f4f0e6, #e6e0d2);
  --tile-border: 1px solid #b8b09c;
  --tile-shadow: 0 2px 4px rgba(0, 0, 0, .55);
  --tile-back: linear-gradient(178deg, #23272e, #191c21);
  --tile-back-border: 1px solid #b08d3f;
  --tile-num: #23272e;
  --tile-sub: #857f6e;
  --tile-joker-bg: linear-gradient(178deg, #efe6cd, #e3d5ac);
  --tile-flower-bg: linear-gradient(178deg, #ece4e0, #ded0ca);
  --exposure-bg: rgba(176, 141, 63, .14);

  --radius-panel: 4px;
  --radius-btn: 3px;
  --radius-tile: 4px;
  --btn-bg: #2a2e36;
  --btn-ink: #e8e6e1;
  --btn-border: 1px solid #3a3f49;
  --input-border: 1px solid #3a3f49;
  --shadow: 0 2px 10px rgba(0, 0, 0, .5);
  --shadow-hover: 0 4px 10px rgba(0, 0, 0, .6);

  --anim-tile-in: .18s;
  --anim-tile-in-dy: 6px;

  /* card suit-relationship colors */
  --cs-a: #7aa5d8;
  --cs-b: #d8848f;
  --cs-c: #83c49a;
  --cs-f: #cfa952;
}

/* Tiles read dark-on-ivory in an otherwise dark room. */
body[data-theme="boardroom"] .tile { color: #23272e; }
body[data-theme="boardroom"] .t-glyph { filter: grayscale(.15); }
body[data-theme="boardroom"] .tile[data-suit="crak"] .t-glyph { color: #8c2f39; }
body[data-theme="boardroom"] .tile[data-cat="joker"] .t-glyph { color: #b08d3f; }

/* Dots and bams are pip grids (rows of up to three), like a real tile face. */
body[data-theme="boardroom"] .tile[data-suit="dot"] .t-glyph,
body[data-theme="boardroom"] .tile[data-suit="bam"] .t-glyph {
  white-space: pre-line;
  font-size: .8rem;
  line-height: 1.35;
  letter-spacing: 3px;
  text-indent: 3px; /* balance the letter-spacing tail */
  text-align: center;
}
body[data-theme="boardroom"] .tile[data-suit="dot"] .t-glyph { color: #1f3a5c; }
body[data-theme="boardroom"] .tile[data-suit="bam"] .t-glyph { color: #1f5c38; font-size: .95rem; }
body[data-theme="boardroom"] .tile.small[data-suit="dot"] .t-glyph,
body[data-theme="boardroom"] .tile.small[data-suit="bam"] .t-glyph {
  font-size: .45rem; line-height: 1.3; letter-spacing: 1.5px; text-indent: 1.5px;
}

/* Winds in brushed characters; dragons large and centered. */
body[data-theme="boardroom"] .tile[data-wind] .t-glyph { font-size: 1.9rem; color: #23272e; }
body[data-theme="boardroom"] .tile[data-dragon] .t-glyph { font-size: 2.3rem; line-height: 1; }
body[data-theme="boardroom"] .tile[data-dragon="R"] .t-glyph { color: #8c2f39; }
body[data-theme="boardroom"] .tile[data-dragon="G"] .t-glyph { color: #1f5c38; }
body[data-theme="boardroom"] .tile.small[data-wind] .t-glyph { font-size: 1.1rem; }
body[data-theme="boardroom"] .tile.small[data-dragon] .t-glyph { font-size: 1.25rem; }

body[data-theme="boardroom"] #phase-banner { letter-spacing: .04em; }
body[data-theme="boardroom"] .seat-label.active-turn { box-shadow: 0 0 0 1px var(--accent); }