/* =============================================================
   variables.css
   Design tokens. Update colors, fonts, spacing here only.
   ============================================================= */

:root {
  /* Colors */
  --color-bg: #FDFBF7;
  --color-bg-alt: #F5F0E8;
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #6B6B6B;
  --color-accent: #4A6741;
  --color-accent-hover: #3B5334;
  --color-card-bg: #FFFFFF;
  --color-border: #E8E3DA;
  --color-gold: #C4A35A;

  /* Typography */
  --font-headline: "Playfair Display", Georgia, serif;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* Spacing */
  --section-padding-y: 120px;
  --section-padding-y-mobile: 72px;
  --content-max-width: 1200px;
  --content-narrow-width: 700px;

  /* Layout */
  --container-pad-x: 32px;
  --container-pad-x-mobile: 20px;

  /* Effects */
  --radius-card: 14px;
  --radius-button: 999px;
  --shadow-card: 0 1px 2px rgba(26, 26, 26, 0.04), 0 8px 24px rgba(26, 26, 26, 0.04);
  --shadow-card-hover: 0 2px 4px rgba(26, 26, 26, 0.06), 0 16px 40px rgba(26, 26, 26, 0.08);
  --transition-base: 0.2s ease;
}