/* The Wellness Restart: semantic colour and typography tokens.
   Component styles reference these tokens; colour literals live here only.
   Primary and muted text meet 4.5:1 on each light surface defined below.
   Terracotta is decorative/large-text only on sage and taupe surfaces. */
:root {
  color-scheme: light;
  --background: #f6f3ec;
  --foreground: #30352f;
  --primary: #4d674b;
  --on-primary: #f6f3ec;
  --accent: #344c43;
  --on-accent: #f6f3ec;
  --surface: #fbf9f3;
  --sage-surface: #e4e9df;
  --taupe-surface: #e9e1d6;
  --muted-foreground: #596155;
  --border: #cbd0c3;
  --control-border: #798371;
  --terracotta: #975d43;
  --footer: #24372f;
  --footer-foreground: #f6f3ec;
  --footer-muted: #c0c9bd;
  --footer-border: #627267;
  --image-foreground: #fbf9f3;
  --image-muted: #e4e9df;
  --scrim: rgba(36, 55, 47, 0.40);
  --scrim-strong: rgba(28, 39, 32, 0.76);
  --scrim-soft: rgba(36, 55, 47, 0.12);
  --scrim-end: rgba(28, 39, 32, 0.88);
  --shadow: rgba(36, 55, 47, 0.12);
  --shadow-deep: rgba(36, 55, 47, 0.22);
  --header-background: rgba(246, 243, 236, 0.96);
  --header-border: rgba(48, 53, 47, 0.12);
  --image-border: rgba(251, 249, 243, 0.50);
  --transparent: rgba(0, 0, 0, 0);
  --focus-ring: #344c43;
  --focus-ring-inverse: #f6f3ec;
  --font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/cormorant-garamond-italic-variable.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/cormorant-garamond-normal-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("/assets/fonts/dm-sans-normal-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}