:root {
  /* Colors */
  --color-bg-primary: #210728;
  --color-bg-dark: #17051d;
  --color-bg-accent-light: #ffd329;
  --color-white: #F1F4F4;
  --color-btn-primary: linear-gradient(180deg, #8cff4b 0%, #19c93f 100%);
  --color-btn-secondary-border: #c18a2e;
  --color-text-main: #b9a9c4;
  --color-headings: #ffd429;
  --color-btn-dark-text: #102013;
  --color-card-bg: #2b0d36;
  --color-accent-green: #22d943;
  --color-badge: #ffd329;
  --color-red: #c0392b;

  /* Typography */
  --font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  --font-size-base: clamp(14px, 1.5vw, 16px);
  --font-size-h1: clamp(32px, 5vw, 48px);
  --font-size-h2: clamp(22px, 3.5vw, 34px);
  --font-size-h3: clamp(18px, 2.5vw, 24px);
  --font-size-small: 13px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --line-height-base: 1.6;

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

  /* Layout */
  --container-max: 1440px;
  --border-radius-card: 6px;
  --border-radius-btn: 6px;
  --border-radius-badge: 4px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;

  /* Shadows */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
  --shadow-btn: 0 2px 12px rgba(34, 217, 67, 0.3);
}