:root {
  --color-warm-ivory: #FFF8F3;
  --color-blush-rose: #E9D1CB;
  --color-rose-gold: #B9886C;
  --color-deep-maroon: #6E2C2F;
  --color-cocoa-brown: #3B261F;
  --color-soft-taupe: #BFA59A;
  --color-soft-cream: #FFFCF8;
  --color-forest-green: #2F5D46;
  --color-muted-green: #4B6B56;
  --color-whatsapp-green: #25D366;
  --color-white: #FFFFFF;
  --color-ink: #1A0F0C;
  --color-ink-soft: #5C463F;
  --color-overlay: rgba(59, 38, 31, 0.55);
  --color-focus-ring: rgba(110, 44, 47, 0.45);

  --bg-page: var(--color-warm-ivory);
  --bg-surface: var(--color-soft-cream);
  --bg-hero: var(--color-blush-rose);
  --text-primary: var(--color-cocoa-brown);
  --text-muted: #7A5F58;
  --text-inverse: var(--color-soft-cream);
  --brand-primary: var(--color-deep-maroon);
  --brand-primary-hover: #5A2426;
  --brand-accent: var(--color-rose-gold);
  --brand-support: var(--color-forest-green);
  --brand-success: var(--color-muted-green);
  --brand-whatsapp: var(--color-whatsapp-green);
  --border-subtle: rgba(110, 44, 47, 0.12);
  --border-strong: var(--color-soft-taupe);

  --font-heading: "Cormorant Garamond", "Garamond", "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-48: 3rem;
  --fs-56: 3.5rem;

  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --letter-tight: -0.01em;
  --letter-wide: 0.04em;

  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(59, 38, 31, 0.06);
  --shadow-sm: 0 2px 4px rgba(59, 38, 31, 0.08);
  --shadow-md: 0 4px 12px rgba(59, 38, 31, 0.10);
  --shadow-lg: 0 12px 24px rgba(59, 38, 31, 0.12);
  --shadow-focus: 0 0 0 3px var(--color-focus-ring);

  --bp-sm: 360px;
  --bp-md: 414px;
  --bp-lg: 768px;
  --bp-xl: 1024px;
  --bp-2xl: 1280px;

  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
}