/* Theme: the current cafe209.my look. Colours and type are the live site's own (oat, linen, stone, ink, taupe, umber, matcha; Quicksand + Montserrat).
   Ruled by Andrew 14 Nov 2026: no new design. The drafted themes of 13 Nov are kept outside the site, in design_archive/. */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
:root{
  color-scheme: light;
  --b-screen:#edeae6;
  --b-frame:#dcdad1;
  --b-bar:#f3e7da;
  --b-bar-fg:#070302;
  --b-bar-soft:#5b5346;
  --b-bar-line:#dcdad1;
  --b-head:#070302;
  --b-ink:#070302;
  --b-soft:#5b5346;
  --b-line:#dcdad1;
  --b-surface:#ffffff;
  --b-tint:#f3e7da;
  --b-tint-fg:#5b5346;
  --b-accent:#6e4c3f;
  --b-on-accent:#ffffff;
  --b-ring:#6e4c3f;
  --b-ghost:#6e4c3f;
  --b-ghost-line:#6e4c3f;
  --b-link:#6e4c3f;
  --b-rule:#6e4c3f;
  --b-code-line:#6e4c3f;
  --b-card:#2c3d26;
  --b-card-fg:#f3e7da;
  --b-card-line:#2c3d26;
  --b-card-btn:#f3e7da;
  --b-card-btn-fg:#070302;
  --b-pend-bg:#ffffff;
  --b-pend-fg:#070302;
  --b-pend-line:#6e4c3f;
  --b-off-bg:#ffffff;
  --b-off-fg:#5b5346;
  --b-off-line:#dcdad1;
  --b-act-bg:#f3e7da;
  --b-act-fg:#2c3d26;
  --b-pen-bg:#f3e7da;
  --b-pen-fg:#6e4c3f;
  --b-chk-line:#6e4c3f;
  --b-chk-fg:#6e4c3f;
  --b-exp-bg:#dcdad1;
  --b-exp-fg:#5b5346;
  --b-good:#5a8a4e;
  --b-ok-bg:#e1eed9;
  --b-ok-fg:#2c3d26;
  --b-amber-bg:#f6e0b4;
  --b-amber-fg:#6a4300;
  --b-warn:#c0392b;
  --b-wa:#6e4c3f;
  --b-on-wa:#ffffff;
  --f-head:'Quicksand','Avenir Next','Trebuchet MS',sans-serif;
  --f-body:'Montserrat',-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-label:'Montserrat',-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-wm:'Quicksand','Avenir Next','Trebuchet MS',sans-serif;
  --f-plan:'Quicksand','Avenir Next','Trebuchet MS',sans-serif;
  --f-mono:ui-monospace,Menlo,Consolas,monospace;
  --body-weight:400;
  --head-weight:700;
  --head-style:normal;
  --head-case:none;
  --head-track:0;
  --head-size:21px;
  --head-shadow:none;
  --plan-weight:700;
  --plan-style:normal;
  --plan-size:22px;
  --plan-track:.06em;
  --wm-weight:700;
  --wm-track:.14em;
  --btn-weight:600;
  --btn-size:14px;
  --btn-case:none;
  --btn-track:0;
  --ring-w:0px;
  --r-phone:22px;
  --r-card:16px;
  --r-box:12px;
  --r-btn:10px;
  --r-pill:999px;
  --r-cup:50%;
  --bw:1px;
  --card-bw:1px;
  --card-ring-w:0px;
  --card-pt:16px;
  --notch:0px;
  --remind-border:1px solid var(--b-accent);
}