/* Msaadify brand, matching the coming-soon site: warm cream surfaces, a soft
   trustworthy green, dark green-grey text, Plus Jakarta Sans for text and
   Bricolage Grotesque for headings. Custom properties in :root only, plus @font-face.
   Fonts are self-hosted, subset by scripts/build_fonts.py (SIL Open Font License,
   licences in static/fonts). Faces declared later win for shared characters, so an
   ASCII page downloads only the two small "core" files; accented text pulls in the
   latin1 / latin-ext files on demand. */

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02FF, U+0304, U+0308, U+1D00-1EFF, U+2020, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin1.woff2") format("woff2");
  unicode-range: U+00A1-00FF, U+0131, U+0152-0153;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-core.woff2") format("woff2");
  unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AB, U+00B7, U+00BB, U+00D7, U+2013-2014, U+2018-2019, U+201C-201D, U+2022, U+2026, U+2191, U+2212;
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/bricolage-grotesque-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02FF, U+0304, U+0308, U+1D00-1EFF, U+2020, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/bricolage-grotesque-latin1.woff2") format("woff2");
  unicode-range: U+00A1-00FF, U+0131, U+0152-0153;
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/bricolage-grotesque-core.woff2") format("woff2");
  unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AB, U+00B7, U+00BB, U+00D7, U+2013-2014, U+2018-2019, U+201C-201D, U+2022, U+2026, U+2191, U+2212;
}

:root {
  /* Warm cream surfaces */
  --bg: oklch(0.985 0.012 95);
  --surface: oklch(0.97 0.013 95);
  --surface-raised: oklch(0.995 0.006 95);
  --surface-sunken: oklch(0.95 0.012 95);
  --header-glass: oklch(0.985 0.012 95 / 0.85);
  --scrim: oklch(0.27 0.02 165 / 0.55);

  /* Dark green-grey text */
  --fg: oklch(0.27 0.02 165);
  --fg-soft: oklch(0.32 0.03 160);
  --muted: oklch(0.5 0.02 160);
  --border: oklch(0.9 0.012 120);
  --border-strong: oklch(0.82 0.015 120);

  /* Brand green: the coming-soon hue and chroma (oklch 0.58 0.1 160), darkened to
     lightness 0.52 so button text and links pass WCAG AA (5.0:1; 0.58 gives 3.9:1). */
  --accent: oklch(0.52 0.1 160);
  --accent-hover: oklch(0.47 0.1 160);
  --accent-soft: oklch(0.955 0.025 165);
  --accent-fg: oklch(0.99 0.01 95);

  /* Information in the site's teal family instead of the neutral indigo */
  --info-fg: oklch(0.45 0.08 220);
  --info-bg: oklch(0.96 0.02 220);
  --info-border: oklch(0.88 0.04 220);

  /* 14px base radius, with smaller controls and rounder cards as on the site */
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;

  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bricolage Grotesque", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --display-weight: var(--weight-semibold);
}