/*
 * Brand tokens. This is the only stylesheet a new business needs to change for its look
 * (scripts/new_business.py rewrites the marked values). Keep text/background pairs at
 * WCAG AA contrast or better: 4.5:1 for body text, 3:1 for large text and UI boundaries.
 * Keep --brand equal to THEME_COLOR in app/brand.py.
 */

/* Self-hosted OFL fonts (licences next to the files in static/fonts). Newsreader is instanced at its display optical
   size for headings; DM Sans carries body text and buttons. The CSP allows fonts from 'self' only. */
@font-face {
  font-family: "Newsreader"; font-style: normal; font-weight: 300 600; font-display: swap;
  src: url("../fonts/newsreader-display.woff2") format("woff2");
}
@font-face {
  font-family: "Newsreader"; font-style: italic; font-weight: 300 600; font-display: swap;
  src: url("../fonts/newsreader-display-italic.woff2") format("woff2");
}
@font-face {
  font-family: "DM Sans"; font-style: normal; font-weight: 100 1000; font-display: swap;
  src: url("../fonts/dm-sans.woff2") format("woff2");
}

:root {
  /* brand:start */
  --brand: #06705c;            /* Fresh green: buttons, links, focus ring (5.3:1 on --surface cream) */
  --brand-strong: #0b5d4c;     /* hover / pressed */
  --brand-soft: #e3eee8;       /* tinted backgrounds (brand text on it 5.1:1) */
  --brand-contrast: #ffffff;   /* text on --brand (6.0:1) */
  --accent: #a2412a;           /* Clay: crisis emphasis (5.6:1 on cream) */
  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --radius: 20px;
  /* brand:end */

  /* Coro-only tokens. Candle gold is never text on cream (2.1:1); it carries the amen count. */
  --candle: #e3a33b;
  --candle-ink: #3a2604;       /* text on --candle (6.6:1) */
  --sage: #3f6b55;             /* "prayed" states (5.4:1 on cream) */
  --deep: #0f3f35;             /* deep green bands and the footer (cream text on it 10.4:1) */
  --deep-ink: #f4f0e8;         /* text on --deep */
  --mint: #bfe3d4;             /* small text and links on --deep (8.5:1) */

  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius-small: 10px;

  --ink: #1d2320;              /* body text (14.1:1 on cream, 15.2:1 on --surface-raised) */
  --ink-muted: #545b55;        /* secondary text (6.2:1 on cream, 6.6:1 on --surface-raised) */
  --surface: #f4f0e8;          /* Cream: the page */
  --surface-raised: #fbf9f4;   /* lighter cream: alternate bands and cards */
  --surface-alt: #f0ebe1;      /* deeper cream: message bubbles, table headers, quiet panels (ink 13.5:1) */
  --border: #e2dbcd;
  --border-strong: #7d786c;    /* form control borders (3.9:1 on cream, 4.2:1 on --surface-raised) */

  --good: #166534;  --good-bg: #e7f6ec;
  --warn: #7a4a06;  --warn-bg: #fdf3d8;
  --bad: #9f1d1d;   --bad-bg: #fde8e8;
  --info: #1e3a8a;  --info-bg: #e6edfb;

  --shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 10%);
  --container: 72rem;
}