@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500;700&display=swap');

:root {
  /* Fonts */
  --font-display: 'Cormorant Garamond', serif;
  --font-body: 'DM Sans', sans-serif;

  /* Colors */
  --color-deep-sage: #4D5645;   /* H1/H2/H3, button background */
  --color-terracotta: #9B6148;  /* italic accent */
  --color-body-text: #6B6B62;   /* paragraph text */
  --color-label: #95A082;       /* eyebrow / label */
  --color-white: #FFFFFF;

  /* TODO: exact brand hex for light background not specified in typography guide.
     Placeholder warm off-white -- confirm against final brand guide before launch. */
  --color-bg: #F7F4EC;
  --color-bg-alt: #FFFFFF;
  --color-border: #E4DFD1;

  /* Type sizes */
  --size-h1: clamp(2.5rem, 5vw + 1rem, 5rem);       /* 56-80px */
  --size-h2: clamp(2.25rem, 3vw + 1rem, 2.75rem);    /* 36-44px */
  --size-h3: clamp(1.25rem, 1vw + 1rem, 1.5rem);     /* 20-24px */
  --size-body: clamp(0.875rem, 0.5vw + 0.75rem, 1rem); /* 14-16px */
  --size-label: clamp(0.5625rem, 0.3vw + 0.5rem, 0.6875rem); /* 9-11px */
  --size-cta: 0.6875rem; /* 10-11px */

  /* Weights */
  --weight-h1: 300;
  --weight-h2: 300;
  --weight-h3: 400;
  --weight-body: 300;
  --weight-label: 400;
  --weight-cta: 500;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  --container-max: 1200px;
}

@media (max-width: 640px) {
  :root {
    --size-h3: 1.375rem;   /* 22px, was 20-24px */
    --size-body: 1.0625rem; /* 17px, was 14-16px */
    --size-label: 0.8125rem; /* 13px, was 9-11px */
  }
}