/* Canteen · canteenwaterapp.com shared styles (Readout v3) */
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;500;600;700&display=swap');

:root{
  /* Readout v3 · warm dark (home) */
  --bg:#17130E; --surface:#221C16;
  --divider:#2E2820; --border:#776F63;
  --t1:#F1EEE8; --t2:#A69F93;
  --accent:#E6853C; --accent-text:#E6853C; --accent-ink:#17130E;
  --ui:'Saira',system-ui,-apple-system,Segoe UI,sans-serif;
}
@media (prefers-color-scheme: light){
  :root{
    /* Readout v3 · warm paper */
    --bg:#F5F3EF; --surface:#FFFFFF;
    --divider:#E1DCD2; --border:#6E6659;
    --t1:#1B1712; --t2:#5C554B;
    --accent:#C56A1E; --accent-text:#A85614; --accent-ink:#FFFFFF;
  }
}

*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--t1);
  font-family:var(--ui);line-height:1.55;-webkit-font-smoothing:antialiased;}
a{color:var(--accent-text);text-underline-offset:2px;}

/* home */
.home{min-height:100vh;max-width:600px;margin:0 auto;padding:72px 28px 40px;
  display:flex;flex-direction:column;align-items:center;text-align:center;}
.home .mark{width:88px;height:88px;border-radius:22px;display:block;
  box-shadow:0 22px 48px -26px rgba(0,0,0,0.55);}
.home h1{font-weight:700;font-size:clamp(34px,8vw,46px);letter-spacing:0.02em;margin:22px 0 0;}
.home .line{font-size:clamp(17px,2.6vw,19px);color:var(--t2);margin:14px 0 0;max-width:34ch;}
.pill{display:inline-flex;align-items:center;gap:10px;margin-top:30px;
  background:var(--accent);color:var(--accent-ink);
  font-weight:700;font-size:15px;padding:14px 22px;border-radius:12px;text-decoration:none;}
.pill .dot{width:7px;height:7px;border-radius:999px;background:var(--accent-ink);opacity:0.55;}
.home .note{font-size:13px;color:var(--t2);margin-top:10px;}
.home-foot{margin-top:auto;padding-top:48px;font-size:13.5px;color:var(--t2);}
.home-foot a{color:var(--t2);text-decoration:none;margin:0 10px;}
.home-foot a:hover{color:var(--accent-text);}

/* privacy document */
.doc{max-width:60ch;margin:0 auto;padding:44px 28px 90px;}
.doc .brand{display:inline-block;font-weight:600;font-size:13px;color:var(--accent-text);text-decoration:none;margin-bottom:12px;}
.doc h1{font-weight:700;font-size:clamp(30px,5vw,40px);letter-spacing:-0.01em;margin:4px 0 0;}
.doc .meta{margin-top:10px;font-size:13.5px;color:var(--t2);}
.doc hr{border:none;border-top:1px solid var(--divider);margin:22px 0 4px;}
.doc p{margin:18px 0 0;font-size:16px;}
.doc strong{color:var(--t1);}
.doc .foot{margin-top:40px;padding-top:18px;border-top:1px solid var(--divider);font-size:13.5px;color:var(--t2);}
.doc .foot a{color:var(--t2);text-decoration:none;}