/* The look in one place: the font, the palette for light and dark, corner radii and shadows. Screens use these through var(). */
/* Heebo ships with the app so the installed book looks the same offline. SIL OFL, see fonts/. */
@font-face { font-family: "Heebo"; font-weight: 400; font-display: swap; src: url("../fonts/heebo-hebrew-400-normal.woff2") format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "Heebo"; font-weight: 400; font-display: swap; src: url("../fonts/heebo-latin-400-normal.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: "Heebo"; font-weight: 600; font-display: swap; src: url("../fonts/heebo-hebrew-600-normal.woff2") format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "Heebo"; font-weight: 600; font-display: swap; src: url("../fonts/heebo-latin-600-normal.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: "Heebo"; font-weight: 700; font-display: swap; src: url("../fonts/heebo-hebrew-700-normal.woff2") format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "Heebo"; font-weight: 700; font-display: swap; src: url("../fonts/heebo-latin-700-normal.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: "Heebo"; font-weight: 800; font-display: swap; src: url("../fonts/heebo-hebrew-800-normal.woff2") format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "Heebo"; font-weight: 800; font-display: swap; src: url("../fonts/heebo-latin-800-normal.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 {
  --font: "Heebo", "Noto Sans Hebrew", Arial, sans-serif;
  /* Titles used a serif before; the name stays so every title follows the one font. */
  --font-display: var(--font);
  --radius-s: 10px; --radius-m: 14px; --radius-l: 20px;

  --accent: #344e35;
  /* Accent as text on the page. In light it is the accent itself; dark needs a lighter olive to stay readable. */
  --accent-text: #344e35;
  --on-accent: #fff;
  --sage: #a8b9a0;
  --warm: #d98b64;
  /* A fourth soft colour for the home shortcuts, next to terracotta, rose and sage. */
  --gold: #c9962f;
  --bg: #faf8f3;
  --surface: #fff;
  --ink: #252b24;
  /* The brief's #777d73 reads at 3.98:1 on the cream; this is the nearest shade that passes 4.5:1. */
  --muted: #6e746a;
  --line: #e7e8e1;
  --accent-soft: color-mix(in srgb, var(--sage) 24%, var(--surface));
  --accent-tab: color-mix(in srgb, var(--sage) 40%, var(--surface));
  --danger: #b3392b;
  --danger-soft: #fcedea;
  /* A filled danger button keeps white text readable in both themes. */
  --danger-fill: #b3392b;
  /* Colour-coded tiles and marks: sage, terracotta, clay. */
  --tab-green: #8da584;
  --tab-orange: #d98b64;
  --tab-red: #c8563e;
  --shadow-card: 0 1px 2px rgba(37,43,36,.05), 0 4px 14px rgba(37,43,36,.06);
  --shadow-pop: 0 10px 28px rgba(37,43,36,.16);
  --shadow-sheet: 0 -8px 30px rgba(37,43,36,.14);
  --scrim: rgba(21,25,20,.38);
}
/* Dark is its own palette, not the light one inverted: a deeper olive for fills, a pale one for text. */
:root:has(.rc-root[data-theme="dark"]) {
  --accent: #5a7a56;
  --accent-text: #a8c39f;
  --warm: #e09a76;
  --gold: #d9b25a;
  --bg: #151914;
  --surface: #1e231d;
  --ink: #eceee7;
  --muted: #a2a89d;
  --line: #30372e;
  --accent-soft: color-mix(in srgb, var(--sage) 13%, var(--surface));
  --accent-tab: color-mix(in srgb, var(--sage) 22%, var(--surface));
  --danger: #e5806f;
  --danger-soft: #3a1f1b;
  --tab-orange: #e09a76;
  --tab-red: #e07258;
  --shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25);
  --shadow-pop: 0 10px 28px rgba(0,0,0,.45);
  --shadow-sheet: 0 -8px 30px rgba(0,0,0,.4);
  --scrim: rgba(0,0,0,.5);
}