:root {
  /* =================================================================
     COLORS (Цвета)
     ================================================================= */
  --color-primary: #8B6526;        /* Основной (Акцент для кнопок) */
  --color-secondary: #D2AE6D;      /* Вторичный (Для обводок) */
  --color-text-dark: #000000;      /* Основной текст */
  --color-text-light: #FFFFFF;     /* Светлый текст */
  --color-bg-light: #F7E7D8;       /* Дополнительный Бежевый фон */
  --color-bg-transparent: transparent;       /* Прозрачный фон */
  
  /* =================================================================
     TYPOGRAPHY (Типографика)
     ================================================================= */
  --font-family-base: "Montserrat", sans-serif;
  --font-family-accent: "Cormorant SC", serif;
  --font-weight-regular: 400;
  --font-weight-semi-regular: 500;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --line-height-tight: 120%;
  --line-height-p: 150%;
  --letter-spacing-tight: -0.05em;

  /* Sizes */
  --font-size-xxl: 5rem;
  --font-size-xl: 3.125rem;
  --font-size-h1: 3rem;
  --font-size-h2: 2.25rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-h6: 1.125rem;
  --font-size-subtitle: 1rem;
  --font-size-p: 1rem;
  --font-size-14: 0.875rem;
  --font-size-13: 0.8125rem;
  --font-size-small: 0.75rem;
  --font-size-xsmall: 0.625rem;

  /* =================================================================
     SPACING & COMPONENTS
     ================================================================= */
  --btn-min-height: 3.125rem;
  --btn-min-height-30: 1.875rem;
  --btn-border-radius-50: 3.125rem;
  --btn-border-radius-40: 2.5rem;
  --btn-border-radius-30: 1.875rem;
  --btn-border-radius-5: 0.3125rem;
  --margin-top-100: 6.25rem;
  --margin-top-80: 5rem;
  --margin-top-60: 3.75rem;
  --margin-top-40: 2.5rem;
  --margin-top-20: 1.25rem;
  --margin-bottom-100: 6.25rem;
  --margin-bottom-80: 5rem;
  --margin-bottom-60: 3.75rem;
  --margin-bottom-40: 2.5rem;
  --margin-bottom-20: 1.25rem;
  --padding-top-100: 6.25rem;
  --padding-top-80: 5rem;
  --padding-top-60: 3.75rem;
  --padding-top-40: 2.5rem;
  --padding-top-20: 1.25rem;
  --padding-bottom-100: 6.25rem;
  --padding-bottom-80: 5rem;
  --padding-bottom-60: 3.75rem;
  --padding-bottom-40: 2.5rem;
  --padding-bottom-20: 1.25rem;

  /* =================================================================
     ACCORDEON STYLES
     ================================================================= */
  --accordion-active-bg: #8B6526; 
  --accordion-inactive-bg: #F7E7D8;
  --accordion-border-radius: 2.5rem;
  --accordion-gap: 1.25rem;

  /* =================================================================
     CAROUSEL INDICATOR STYLES
     ================================================================= */
  --carousel-indicator-active-color: #8B6526; 
  --carousel-indicator-inactive-color: #F7E7D8;
}