/* teacha · design tokens
   Colours follow 60 / 30 / 10 (canvas "teacha · 60/30/10", proposition A): a white ground for 60%,
   teacha green for 30% (pine buttons with white words, green #17824A for the logo and what moves,
   soft green for teacha's cards), coral for 10% (the Steep button, the seal, running low).
   Night follows the device unless html[data-theme] says otherwise.
   Type: Fraunces (softened) speaks for the tea, Instrument Sans runs the app (Board:Type). */
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/fraunces-italic-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/fraunces-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:"Fraunces";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/fraunces-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/fraunces-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:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/instrument-sans-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/instrument-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{
  --bg:#FFFFFF; --surface:#FFFFFF; --fill:#F0F5F2; --line:#E2EAE5; --line-2:#C5D3CB;
  --ink:#16201B; --ink-2:#3D4A43; --muted:#5E6B64;
  /* teacha green: pine buttons (white on pine 8.3:1), green #17824A for the logo, leaves and progress, soft cards */
  --cta:#0E5A32; --on-cta:#FFFFFF; --leaf:#17824A; --brand:#17824A;
  /* the wordmark's "cha": readable as text on white and on soft green (4.8:1), light on pine buttons and the dark toast */
  --word:#157A43; --word-on-cta:#A8E9C2; --word-inv:#A8E9C2;
  --cel-soft:#E6F4EC; --cel-ink:#0E5A32;
  /* coral, the 10%: the Steep button, the seal on a finished tasting, running low */
  --seal:#F2553C; --stamp:#C93A22; --on-seal:#FFFFFF;
  --seal-soft:#FDECE8; --seal-text:#B53019;
  --danger:#B42318; --danger-soft:#FBE9E7;
  --scrim:rgba(22,32,27,.35);
  /* fixed in both themes */
  --on-photo:#FFFFFF; --knob:#FFFFFF; --shade:#000000;
  /* the six families, only as small named dots and in the family chart: green, yellow, white, oolong, dark, black */
  --f-green:#3F9160; --f-yellow:#D2B04A; --f-white:#4A78B8; --f-oolong:#D07A26; --f-dark:#6B4C93; --f-black:#A3204A;

  /* names the stylesheet already uses, pointed at the palette */
  --deep:var(--ink); --on-deep:#FFFFFF;
  --green:var(--leaf); --green-soft:var(--cel-soft); --green-text:var(--cel-ink); --green-on-bg:var(--cel-ink);
  --accent:var(--cta); --accent-ink:var(--on-cta); --accent-edge:var(--leaf);
  --coral:var(--seal); --coral-soft:var(--seal-soft); --coral-text:var(--seal-text); --coral-edge:transparent;
  --map-sea:#EAF3FB; --map-land:#FFFFFF; --map-land-on:#E6F4EC; --map-border:#D3DED8; --map-coast:#B5C7BD; --map-label:#5E6B64; --map-label-on:#16201B;
  --nav-bg:rgba(255,255,255,.94); --hb-bg:rgba(255,255,255,.86);
  --shadow:0 0 0 1px var(--line); --shadow-2:0 1px 2px rgba(22,32,27,.05),0 12px 28px -16px rgba(22,32,27,.22);

  --serif:"Fraunces",Georgia,serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:20px; --r-md:18px; --r-sm:14px; --r-xs:12px; --r-sheet:28px; --nav:72px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0F1613; --surface:#17201B; --fill:#1F2A24; --line:#2A3630; --line-2:#3B4A42;
    --ink:#EEF5F0; --ink-2:#C3D0C8; --muted:#93A39A;
    --cta:#17824A; --leaf:#6FD69A; --word:#6FD69A; --word-on-cta:#FFFFFF; --word-inv:#157A43; --cel-soft:#173726; --cel-ink:#9BE3B8;
    --seal-soft:#3A1C17; --seal-text:#FF8F7C;
    --danger:#F07468; --danger-soft:#3A1714;
    --scrim:rgba(0,0,0,.6);
    --f-green:#33855A; --f-yellow:#B1902A; --f-white:#5B8AD2; --f-oolong:#D07628; --f-dark:#8E6CC6; --f-black:#D04670;
    --on-deep:#0F1613;
    --map-sea:#0B110E; --map-land:#17201B; --map-land-on:#173726; --map-border:#2A3630; --map-coast:#3B4A42; --map-label:#93A39A; --map-label-on:#C3D0C8;
    --nav-bg:rgba(15,22,19,.92); --hb-bg:rgba(15,22,19,.72);
    --shadow-2:0 8px 24px rgba(0,0,0,.4);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0F1613; --surface:#17201B; --fill:#1F2A24; --line:#2A3630; --line-2:#3B4A42;
  --ink:#EEF5F0; --ink-2:#C3D0C8; --muted:#93A39A;
  --cta:#17824A; --leaf:#6FD69A; --word:#6FD69A; --word-on-cta:#FFFFFF; --word-inv:#157A43; --cel-soft:#173726; --cel-ink:#9BE3B8;
  --seal-soft:#3A1C17; --seal-text:#FF8F7C;
  --danger:#F07468; --danger-soft:#3A1714;
  --scrim:rgba(0,0,0,.6);
  --f-green:#33855A; --f-yellow:#B1902A; --f-white:#5B8AD2; --f-oolong:#D07628; --f-dark:#8E6CC6; --f-black:#D04670;
  --on-deep:#0F1613;
  --map-sea:#0B110E; --map-land:#17201B; --map-land-on:#173726; --map-border:#2A3630; --map-coast:#3B4A42; --map-label:#93A39A; --map-label-on:#C3D0C8;
  --nav-bg:rgba(15,22,19,.92); --hb-bg:rgba(15,22,19,.72);
  --shadow-2:0 8px 24px rgba(0,0,0,.4);
  color-scheme:dark;
}