/* Shared tokens and base styles for the customer and admin prototypes (DESIGN.md). */
:root{
  --bg:#F6F8F3; --surface:#FFFFFF; --text:#17241A; --muted:#4B5A4E; --line:#DDE5DA;
  --accent:#8A1C4A; --on-accent:#FFFFFF; --leaf:#2F6B3A; --leaf-deep:#1F4D29; --on-leaf:#F3F8EF;
  --turmeric:#F2B53A; --on-turmeric:#17241A; --success:#1E6B34; --warning:#7A4F00; --error:#B3261E;
  --chip:#EAF1E6; --sheet-shadow:0 -8px 30px rgb(0 0 0 / .14);
  --r-sm:8px; --r-md:12px; --r-lg:20px;
  --font-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --safe-b:env(safe-area-inset-bottom,0px); --safe-t:env(safe-area-inset-top,0px);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#101712; --surface:#18221B; --text:#E9EFE9; --muted:#A9B7AC; --line:#2A372D;
  --accent:#F08DB8; --on-accent:#101712; --leaf:#244F2C; --leaf-deep:#0E1A12; --on-leaf:#E9F3E6;
  --chip:#213026; --success:#7FD497; --warning:#F2C46B; --error:#FF8A80; --sheet-shadow:0 -8px 30px rgb(0 0 0 / .5);
}}
:root[data-theme="dark"]{
  --bg:#101712; --surface:#18221B; --text:#E9EFE9; --muted:#A9B7AC; --line:#2A372D;
  --accent:#F08DB8; --on-accent:#101712; --leaf:#244F2C; --leaf-deep:#0E1A12; --on-leaf:#E9F3E6;
  --chip:#213026; --success:#7FD497; --warning:#F2C46B; --error:#FF8A80; --sheet-shadow:0 -8px 30px rgb(0 0 0 / .5);
}
*{box-sizing:border-box}
/* The hidden attribute must win over component display rules (grid, flex). */
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font-body)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--turmeric);outline-offset:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:0 16px;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--r-sm);z-index:99}
.skip:focus{left:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preview-note{background:var(--turmeric);color:var(--on-turmeric);font-size:13px;font-weight:600;text-align:center;padding:calc(6px + var(--safe-t)) 16px 6px}