:root {
  --font-primary: 'Inter', sans-serif;
  --font-secondary: 'Fraunces', serif;

  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;

  --lh-tight: 1.12;
  --lh-snug: 1.32;
  --lh-normal: 1.6;
  --lh-relaxed: 1.75;

  --tracking-tight: -0.02em;
  --tracking-wide: 0.04em;

  --fs-body: clamp(0.98rem, 0.95rem + 0.14vw, 1.06rem);
  --fs-small: clamp(0.86rem, 0.84rem + 0.10vw, 0.92rem);
  --fs-label: clamp(0.78rem, 0.76rem + 0.08vw, 0.84rem);

  --fs-h1: clamp(1.85rem, 1.55rem + 1.05vw, 2.55rem);
  --fs-h2: clamp(1.55rem, 1.36rem + 0.75vw, 2.05rem);
  --fs-h3: clamp(1.28rem, 1.18rem + 0.45vw, 1.55rem);
  --fs-h4: clamp(1.12rem, 1.06rem + 0.26vw, 1.28rem);

  --fs-price: clamp(1.7rem, 1.45rem + 0.9vw, 2.25rem);
  --fs-btn: var(--fs-small);

  --c-bg: #FAFBFD;
  --c-surface: #FFFFFF;
  --c-surface-2: #F5F7FB;
  --c-card: #FFFFFF;

  --c-text: #0B0E14;
  --c-text-2: #2A3240;
  --c-muted: #5A6577;

  --c-border: rgba(11, 14, 20, 0.10);
  --c-border-2: rgba(11, 14, 20, 0.16);

  --c-primary: #C9A44D;
  --c-primary-2: #E7CF8F;
  --c-primary-contrast: #0B0E14;

  --c-link: #9E7A25;
  --c-link-hover: #0B0E14;

  --g-primary: linear-gradient(135deg, rgba(201, 164, 77, 1), rgba(231, 207, 143, 1));
  --g-primary-soft: linear-gradient(135deg, rgba(201, 164, 77, 0.20), rgba(231, 207, 143, 0.08));

  --g-header: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(250, 251, 253, 0.92));
  --g-footer: linear-gradient(180deg, rgba(245, 247, 251, 0.78), rgba(250, 251, 253, 0.98));

  --shadow-1: 0 12px 40px rgba(11, 14, 20, 0.10);
  --shadow-2: 0 24px 80px rgba(11, 14, 20, 0.14);
  --shadow-focus: 0 0 0 4px rgba(201, 164, 77, 0.22);

  --radius-6: 6px;
  --radius-10: 10px;
  --radius-14: 14px;
  --radius-18: 18px;
  --radius-24: 24px;
  --radius-pill: 999px;

  --space-4: 0.25rem;
  --space-6: 0.375rem;
  --space-8: 0.5rem;
  --space-10: 0.625rem;
  --space-12: 0.75rem;
  --space-14: 0.875rem;
  --space-16: 1rem;
  --space-18: 1.125rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 6rem;

  --container: 1200px;
  --container-narrow: 58rem;
  --container-wide: 84rem;

  --border-1: 1px solid var(--c-border);
  --border-2: 1px solid var(--c-border-2);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-120: 120ms;
  --dur-180: 180ms;
  --dur-240: 240ms;
  --dur-360: 360ms;

  --focus-ring: var(--shadow-focus);

  --z-base: 1;
  --z-header: 50;
  --z-modal: 100;
  --z-toast: 200;
}