/* National Casino — Design Tokens */
:root {
  /* === Colors === */
  --color-bg-primary:     #242222;
  --color-bg-dark:        #2b2929;
  --color-accent-light:   #ffb375;
  --color-white:          #f5f1ea;
  --color-btn-gradient:   linear-gradient(180deg, #ffc07f 0%, #ffa66e 100%);
  --color-btn-outline-border: #c99b5e;
  --color-text:           #a8a19a;
  --color-gold:           #f7c879;
  --color-btn-text-dark:  #211d1f;
  --color-overlay:        rgba(36, 34, 34, 0.72);

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

  /* === Spacing === */
  --section-gap:          50px;
  --card-gap:             20px;
  --paragraph-gap:        20px;
  --h2-gap:               20px;
  --h3-gap:               16px;
  --faq-gap:              14px;
  --card-padding:         24px;
  --container-max:        1440px;

  /* === Shape === */
  --radius:               6px;

  /* === Transitions === */
  --transition:           0.25s ease;
}