:root {
  --srd-sage: #8a9a7b;
  --srd-sage-dark: #6f7f62;
  --srd-sage-soft: color-mix(in srgb, #8a9a7b 14%, #fbf8f4);
  --srd-blush: #e8c4b8;
  --srd-blush-soft: color-mix(in srgb, #e8c4b8 42%, #ffffff);
  --srd-clay: #c97b63;
  --srd-cream: #fbf8f4;
  --srd-sand: #f1eae2;
  --srd-charcoal: #2e2e2e;
  --srd-muted: #7a7470;
  --srd-white: #ffffff;
  --srd-border: rgba(46, 46, 46, 0.09);

  /* Brief: Cormorant Garamond + DM Sans, 17–18px / 1.7 */
  --srd-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --srd-font-body: "DM Sans", "Segoe UI", system-ui, sans-serif;
  --srd-body-size: clamp(1.0625rem, 0.2vw + 1.04rem, 1.125rem);
  --srd-lh: 1.7;

  --srd-radius: 6px;
  --srd-radius-sm: 4px;
  --srd-radius-lg: 8px;
  --srd-shadow: 0 10px 28px rgba(46, 46, 46, 0.06);
  --srd-shadow-soft: 0 2px 10px rgba(46, 46, 46, 0.04);

  --srd-max: 1120px;
  --srd-gutter: clamp(1.1rem, 4vw, 1.75rem);
  --srd-header-h: 68px;

  --srd-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --srd-dur: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --srd-dur: 0ms; }
}