/* Design tokens for Casino Night LP.
   Source of truth: .context/design-tokens.md
   Do not hardcode hex values anywhere else, reference these. */

:root {
  /* Felt (background) */
  --felt-deep: #1d6e36;
  --felt-mid: #248845;
  --felt-shadow: #145025;

  /* Wood (border, frames) */
  --wood-dark: #2a1810;
  --wood-mid: #3d281a;

  /* Gold (headlines, accents, ornaments) */
  --gold: #d4af37;
  --gold-dim: #a07d20;
  --gold-light: #f3dc94;
  /* Hairline gold for ornamental rules and frames */
  --gold-line: rgb(212 175 55 / 0.32);
  /* Diamond ornament for frame corners (gold hex baked in: data URIs can't
     read custom properties). */
  --ornament-diamond: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='13'%3E%3Cpath%20d='M6.5%200L13%206.5L6.5%2013L0%206.5Z'%20fill='%23d4af37'/%3E%3C/svg%3E");

  /* Shared prop shadow. One light source for the whole table: upper-left,
     so every prop casts to the lower-right. Reuse this on every prop. */
  --prop-shadow:
    drop-shadow(2px 4px 4px rgb(0 0 0 / 0.6))
    drop-shadow(6px 13px 18px rgb(0 0 0 / 0.5));

  /* Wood table border height. Header sits just below it, so both use this. */
  --frame-height: clamp(3.4rem, 5.5vw, 5.6rem);

  /* White (card stock, body backgrounds, primary light) */
  --white: #ffffff;
  --white-soft: #f0f0ec;

  /* Ink (text on cream) */
  --ink: #1a1612;

  /* Velvet (red accents, primary CTA) */
  --velvet: #6b1414;
  --velvet-bright: #a82020;

  /* Chip neutrals */
  --chip-white: #f8f4ec;
  --chip-black: #0d0d0d;

  /* Typography
     Display switched to engraved Roman caps (Cinzel) for the refined
     casino-invitation feel. Alfa Slab One retired. */
  --font-display: "Cinzel", serif;
  --font-eyebrow: "Cinzel", serif;
  --font-body: "Cormorant Garamond", serif;

  /* Type scale (rem, base 16px) */
  --fs-display: 6.5rem;
  --fs-h1: 4rem;
  --fs-h2: 2.5rem;
  --fs-eyebrow: 1.05rem; /* Increased from 0.95rem */
  --fs-body: 1.25rem;    /* Increased from 1.125rem */
  --fs-small: 0.95rem;   /* Increased from 0.875rem */

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;
}
