/* ============================================================
   DESIGN TOKENS — National Casino
   ============================================================ */
:root {
  /* ---- Colors ---- */
  --color-bg-primary:   #242222;
  --color-bg-dark:      #2b2929;
  --color-accent:       #ffb375;
  --color-white:        #f5f1ea;
  --color-btn-cta:      linear-gradient(180deg, #ffc07f 0%, #ffa66e 100%);
  --color-btn-border:   #c99b5e;
  --color-text:         #a8a19a;
  --color-heading:      #f7c879;
  --color-btn-text:     #211d1f;
  --color-overlay:      rgba(36, 34, 34, 0.75);
  --color-border:       rgba(199, 155, 94, 0.2);
  --color-card-bg:      #2b2929;

  /* ---- Typography ---- */
  --font-family:        'Montserrat', sans-serif;
  --font-size-base:     16px;
  --font-size-sm:       14px;
  --font-size-h1:       clamp(28px, 4vw, 44px);
  --font-size-h2:       clamp(22px, 3vw, 32px);
  --font-size-h3:       clamp(18px, 2vw, 24px);
  --line-height:        1.6;
  --fw-regular:         400;
  --fw-medium:          500;
  --fw-semibold:        600;
  --fw-bold:            700;
  --fw-extrabold:       800;

  /* ---- Spacing ---- */
  --section-gap:        1.5rem;
  --card-gap:           1rem;
  --paragraph-gap:      0.9rem;
  --h2-gap:             0.6rem;
  --h3-gap:             0.5rem;
  --faq-gap:            0.6rem;
  --card-padding:       1.25rem;

  /* ---- Layout ---- */
  --container-max:      1440px;
  --container-pad:      clamp(1rem, 4vw, 2rem);

  /* ---- Border ---- */
  --radius:             6px;

  /* ---- Transitions ---- */
  --transition-base:    0.2s ease;
  --transition-slow:    0.35s ease;

  /* ---- Shadows ---- */
  --shadow-card:        0 2px 12px rgba(0,0,0,0.35);
}