/* Theme: Warm Coastal. Colours, fonts and shapes only. Components never set colours directly. */
/* Fonts served from the site (latin subsets; files in src/fonts). */
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("/fonts/newsreader-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/newsreader-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/nunito-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-bg: #FBF8F2;
  --color-bg-soft: #F3EEE2;
  --color-cream: #F7F4EE;
  --color-ink: #22312B;
  --color-ink-soft: #535F5A;
  --color-sage: #7A8575;
  --color-sage-light: #828C7C;
  --color-sage-deep: #5F6A59;
  --color-mist: #A7ACA4;
  --color-line: #E3DCCB;
  --color-field-border: #878F85;
  --color-surface: #FFFFFF;
  --color-on-ink: #F7F4EE;
  --color-on-ink-soft: #CDD1C8;

  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Nunito Sans", system-ui, sans-serif;

  --radius-card: 20px;
  --radius-button: 999px;
  --radius-image: 24px;
  --radius-image-accent: 120px;
  --radius-field: 12px;

  --shadow-card: 0 8px 24px rgba(34,49,43,.06);
  --accent-glow: radial-gradient(circle, rgba(140,168,128,.5), rgba(140,168,128,0) 62%);
  --hero-wash: linear-gradient(180deg, var(--color-bg) 0%, #F1EEE4 100%);
}