@font-face {
  font-family: 'AnastasiaScript';
  src: url('fonts/AnastasiaScript.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verah';
  src: url('fonts/Verah___.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verah';
  src: url('fonts/Verahb__.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors */
  --color-bg:           #F9F4EF;
  --color-bg-section:   #F2EBE3;
  --color-bg-dark:      #1C1916;
  --color-bg-card:      #FFFFFF;
  --color-accent:       #C9A96E;
  --color-accent-light: #E8D5C4;
  --color-accent-dark:  #A8844A;
  --color-text:         #2C2C2C;
  --color-text-light:   #6B6B6B;
  --color-text-muted:   #9E9E9E;
  --color-white:        #FFFFFF;
  --color-border:       #E4D8CC;

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Montserrat', -apple-system, sans-serif;

  --size-h1:    clamp(32px, 5.5vw, 64px);
  --size-h2:    clamp(26px, 3.5vw, 44px);
  --size-h3:    clamp(18px, 2vw, 24px);
  --size-body:  16px;
  --size-small: 14px;
  --size-xs:    12px;

  /* Spacing */
  --section-py:       clamp(48px, 6vw, 80px);
  --container-max:    1200px;
  --container-px:     clamp(16px, 4vw, 40px);
  --gap-cards:        24px;

  /* Borders */
  --radius-card:  12px;
  --radius-btn:   6px;
  --radius-badge: 100px;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(44, 44, 44, 0.08);
  --shadow-btn:  0 2px 12px rgba(201, 169, 110, 0.3);

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