/* JYNN PALACE — brand tokens (JYNN Gaming CI v2.0, Cognac theme: docs/brand/jynn-ci-v2.html). One source for the lobby, the tables' splash and future games.
   Cognac surfaces, flat gold for brand/CTA, copper accents + guilloche, silver for one highlight word, P/B/T semantic colours shared with the roads.
   The --dm-navy-* names are kept so pages need no rename; their values are the Cognac surfaces now. */
:root {
  --dm-navy-900: #2A140A; --dm-navy-800: #3A1C0E; --dm-navy-700: #4A2513; --dm-navy-600: #4A2513; --dm-navy-500: #5E3520;
  --dm-lacquer: #1A0C05;
  --dm-gold-100: #EDD08A; --dm-gold-300: #D9B45A; --dm-gold-500: #D9B45A; --dm-gold-700: #A07A30; --dm-gold-900: #5E3520;
  --dm-gold-grad: linear-gradient(180deg, #EDD08A 0%, #D9B45A 55%, #C9A04A 100%);
  --dm-cta-grad: linear-gradient(#D9B45A, #D9B45A);
  --dm-copper: #D08A5C; --dm-copper-deep: #8E4E2C; --dm-silver: #DAD5CF; --dm-wine: #8C1D2B;
  --dm-ink: #F5EBDD; --dm-ink-soft: #CDB49A; --dm-white: #ffffff; --dm-on-gold: #2A140A;
  --dm-success: #7FD3A3; --dm-danger: #FF9A8C;
  --dm-player: #3b82f6; --dm-banker: #ef4444; --dm-tie: #22a06b;
  --dm-line: #5E3520;
  --dm-font-display: 'Cinzel', 'Noto Sans Thai', serif;
  --dm-font-ui: 'Noto Sans Thai', system-ui, -apple-system, sans-serif;
  --dm-radius: 14px; --dm-radius-lg: 20px;   /* rounder than the CI sheet (2/4 px): the user found the square corners too harsh */
  --dm-shadow: 0 0 0 1px #A07A30, 0 12px 40px rgba(217, 180, 90, .16);
}
.dm-body { margin: 0; background: var(--dm-navy-900); color: var(--dm-ink); font-family: var(--dm-font-ui); -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 2px solid var(--dm-gold-100); outline-offset: 2px; }
/* wordmark */
.dm-wordmark { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; white-space: nowrap; }
.dm-wordmark svg { height: 1em; width: auto; }
.dm-wordmark .t { font-family: var(--dm-font-display); font-weight: 900; letter-spacing: .06em; line-height: 1; color: var(--dm-copper); }
.dm-wordmark .s { font-family: var(--dm-font-display); font-weight: 700; font-size: .36em; letter-spacing: .3em; color: var(--dm-silver); line-height: 1; }
/* controls: flat pill buttons, no drop shadow (CI section 6) */
.dm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 22px; border: 0; border-radius: 999px; font: 700 15px var(--dm-font-ui); color: var(--dm-on-gold); background: var(--dm-gold-300); cursor: pointer; }
.dm-btn:hover { background: var(--dm-gold-100); } .dm-btn:active { background: var(--dm-gold-700); }
.dm-btn.ghost { background: transparent; color: var(--dm-gold-300); box-shadow: inset 0 0 0 1px var(--dm-gold-700); }
.dm-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--dm-navy-700); border: 1px solid var(--dm-line); font-size: 13px; font-weight: 700; }
.dm-card { background: var(--dm-navy-800); border: 1px solid var(--dm-line); border-radius: var(--dm-radius); }
.dm-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.dm-dot.p { background: var(--dm-player); } .dm-dot.b { background: var(--dm-banker); } .dm-dot.t { background: var(--dm-tie); }
/* Halloween season (html[data-season="halloween"], set from brand.js SEASON): the cognac surfaces turn deep red/black, gold stays */
[data-season="halloween"] {
  --dm-navy-900: #0c0507; --dm-navy-800: #1c0a0e; --dm-navy-700: #2a0d12; --dm-navy-600: #3a1218; --dm-navy-500: #4d1820;
  --dm-line: rgba(201, 163, 74, .45);
  --dm-pumpkin: #ff8c1a;
}