/* Blueberry Chrome — semantic tokens shared by every server-rendered route. */
:root{
  color-scheme:light dark;
  --paper:#F5F7FC;
  --surface:#FFFFFF;
  --ink:#182033;
  --muted:#58647C;
  --faint:#68758D;
  --line:#DCE3F0;
  --field-line:#A8B5D0;
  --accent:#2F6BFF;
  --accent-ink:#2458D6;
  --accent-solid:#245BE7;
  --accent-deep:#1948C3;
  --accent-soft:#EAF0FF;
  --secondary:#C9D6F7;
  --thread:#2F6BFF;
  --focus:#2458D6;
  --on-accent:#FFFFFF;
  --on-accent-muted:#E3EAFF;
  --line-btn:#087D3B;
  --line-hover:#056630;
  --on-line:#FFFFFF;
  --line-logo:#06C755;
  --line-logo-ink:#073A1B;
  --photo-paper:#FFFFFF;
  --photo-ink:#182033;
  --photo-accent:#2458D6;
  --sticker-paper:#FFF7E7;
  --sticker-ink:#173B86;
  --chrome:#E1E7F2;
  --chrome-bright:#FFFFFF;
  --quality-surface:#EDF2FC;
  --cta-panel:#1453DE;
  --cta-edge:#6194FF;
  --error:#B32E3E;
  --photo-shadow:0 9px 24px -12px rgba(24,32,51,.38);
  --panel-shadow:0 12px 32px -25px rgba(37,68,143,.28);
  --blue-shadow:rgba(47,107,255,.22);
  --bar-shadow:rgba(24,32,51,.06);
  --display:"Archivo",system-ui,sans-serif;
  --thai-display:"IBM Plex Sans Thai","Noto Sans Thai",system-ui,sans-serif;
  --body:"Inter","Noto Sans Thai",system-ui,sans-serif;
  --hand:"Caveat",cursive;
  --hand-th:"Mali","Caveat",cursive;
  --pad:20px;
  --frame:1240px;
  --max:1200px;
  --narrow:600px;
  --r:22px;
  --r-sm:12px;
  --shadow:var(--photo-shadow);
}
@media(prefers-color-scheme:dark){
  :root{
    --paper:#0F1524;
    --surface:#192238;
    --ink:#F0F3FD;
    --muted:#AFBBD3;
    --faint:#AFBBD3;
    --line:#33405C;
    --field-line:#61728F;
    --accent:#86A8FF;
    --accent-ink:#A4BDFF;
    --accent-solid:#245BE7;
    --accent-deep:#1948C3;
    --accent-soft:#243457;
    --secondary:#435A90;
    --thread:#7299FF;
    --focus:#B5C9FF;
    --on-accent:#FFFFFF;
    --on-accent-muted:#E3EAFF;
    --line-btn:#087D3B;
    --line-hover:#056630;
    --on-line:#FFFFFF;
    --sticker-paper:#DCE7FF;
    --sticker-ink:#173B86;
    --chrome:#42516F;
    --chrome-bright:#E3EDFF;
    --quality-surface:#151E31;
    --cta-panel:#1546B3;
    --cta-edge:#6B98FF;
    --error:#FFA3AE;
    --photo-shadow:0 12px 26px -12px rgba(0,0,0,.7);
    --panel-shadow:0 12px 32px -22px rgba(0,0,0,.5);
    --blue-shadow:rgba(47,107,255,.26);
    --bar-shadow:rgba(0,0,0,.25);
  }
}
@media(min-width:600px){:root{--pad:28px}}
@media(max-width:359px){:root{--pad:16px}}