/* Good Host shared tokens. Used by the web app (app.html, apply.html) and the website (index.html).
   Native apps copy these values by hand: see DESIGN.md. Do not edit without telling the lead. */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --bg: #F5F1EA;
  --card: #FFFFFF;
  --well: #EEE8DE;
  --ink: #1F1A14;
  --ink-2: #6B6157;
  --line: #E3DBCE;
  --accent: #1F5C45;       /* evergreen: main buttons, ok, links */
  --accent-ink: #FFFFFF;   /* text on accent */
  --accent-soft: #E3ECE6;  /* selected row, focus wash */
  --clay: #A9481F;         /* today / soon / needs a look */
  --red: #B3261E;          /* late / clash / delete */
  --bar: #1F1A14;          /* bottom tab bar, dark bands */
  --bar-ink: #F5F1EA;
  --shadow: 0 10px 30px -14px rgba(31, 26, 20, .22);

  --serif: 'Newsreader', 'Iowan Old Style', Georgia, serif;
  --sans: 'Hanken Grotesk', -apple-system, 'Segoe UI', sans-serif;

  --r-card: 24px; --r-photo: 22px; --r-btn: 16px; --r-small: 10px;
  --tap: 48px; --tap-main: 56px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #13110E; --card: #1C1915; --well: #26221D; --ink: #F2ECE3; --ink-2: #B5AA9C; --line: #322C25;
    --accent: #8CCBA9; --accent-ink: #0E2219; --accent-soft: #1F2E27; --clay: #F0A070; --red: #FF8A80;
    --bar: #0A0907; --bar-ink: #F2ECE3; --shadow: 0 10px 30px -14px rgba(0, 0, 0, .6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #13110E; --card: #1C1915; --well: #26221D; --ink: #F2ECE3; --ink-2: #B5AA9C; --line: #322C25;
  --accent: #8CCBA9; --accent-ink: #0E2219; --accent-soft: #1F2E27; --clay: #F0A070; --red: #FF8A80;
  --bar: #0A0907; --bar-ink: #F2ECE3; --shadow: 0 10px 30px -14px rgba(0, 0, 0, .6);
  color-scheme: dark;
}