:root {
  /* Colors */
  --color-bg-primary:    #242222;
  --color-bg-dark:       #2b2929;
  --color-accent:        #ffb375;
  --color-white:         #f5f1ea;
  --color-btn-gradient:  linear-gradient(180deg, #ffc07f 0%, #ffa66e 100%);
  --color-btn-outline:   transparent;
  --color-btn-border:    #c99b5e;
  --color-text:          #a8a19a;
  --color-gold:          #f7c879;
  --color-btn-text:      #211d1f;
  --color-overlay:       rgba(30, 27, 27, 0.72);
  --color-card-bg:       #2b2929;
  --color-border:        rgba(199, 155, 94, 0.2);
  --color-red:           #c0392b;

  /* Typography */
  --font-family:         'Montserrat', sans-serif;
  --font-size-base:      clamp(14px, 1.2vw, 16px);
  --font-size-h1:        clamp(28px, 4vw, 44px);
  --font-size-h2:        clamp(22px, 3vw, 32px);
  --font-size-h3:        clamp(18px, 2vw, 24px);
  --font-size-small:     clamp(12px, 1vw, 14px);
  --line-height:         1.6;

  /* Spacing */
  --section-gap:         clamp(20px, 2.5vw, 30px);
  --card-gap:            20px;
  --paragraph-gap:       20px;
  --h2-gap:              20px;
  --h3-gap:              16px;
  --faq-gap:             14px;
  --card-padding:        24px;
  --container-max:       1440px;

  /* UI */
  --border-radius:       6px;
  --transition:          0.25s ease;
  --shadow:              0 4px 20px rgba(0, 0, 0, 0.3);
  --header-height:       72px;
}