/* Shared website palette, matched to src/theme/index.ts. */
:root{
  --tl-bg:#FEF8F3;--tl-bgSubtle:#FEF8F3;--tl-card:#FFFFFF;--tl-ink:#2E2E2E;--tl-inkMuted:#5A5245;--tl-inkSoft:#5A5245;--tl-inkFaint:#8C8676;
  --tl-border:#EFE4D3;--tl-borderStrong:#EADDC9;--tl-borderBtn:#E0D6C6;--tl-borderDashed:#E0D6C6;
  --tl-sand:#F3EADF;--tl-sandDeep:#EADDC9;--tl-sandHint:#F3EADF;--tl-hairline:#F3E7D3;--tl-rowPressed:#FDF6EE;--tl-disabledText:#8C8676;
  --tl-blue:#3D6DA8;--tl-blueDeep:#2F5B8A;--tl-blueDark:#35608F;--tl-blueTint:#DCE6F2;--tl-blueBorder:#C5D6E8;--tl-blueLight:#7FA8CF;
  --tl-heroTop:#FFFFFF;--tl-heroBottom:#E7EFF7;--tl-night:#1C1916;
  --tl-green:#5F6F4B;--tl-greenDeep:#4F5D3E;--tl-greenTint:#EEF3E8;--tl-greenBorder:#D2DCC6;--tl-toggleOn:#3D6DA8;
  --tl-amber:#D17A2A;--tl-amberIcon:#D17A2A;--tl-amberTint:#F3EADF;--tl-amberSoft:#F3EADF;--tl-amberBorder:#E0D6C6;--tl-warmInk:#8A4F14;--tl-warmIcon:#B0651A;
  --tl-danger:#C45C48;--tl-dangerDeep:#8A3F32;--tl-dangerTint:#F8E8E2;--tl-dangerBorder:#E8C8BE;
  --tl-logoGold:#E2A03F;--tl-apricot:#F6D9A8;--tl-sageTint:#E3EBDC;--tl-sageBand:#C9D8C0;--tl-sage:#9DB18D;--tl-sageInk:#47523B;
  --tl-dotMuted:#DCD3C4;--tl-placeholder:#B5AC9C;--tl-appleButton:#2E2E2E;--tl-appleInk:#FFFFFF;--tl-onAccent:#FFFFFF;
  --tl-header:rgba(254,248,243,.94);--tl-band:rgba(243,234,223,.72);
  --tl-shadowCard:0 2px 10px rgba(90,60,20,0.06);--tl-shadowHero:0 14px 30px -24px rgba(43,40,35,0.45);--tl-shadowFloat:0 18px 40px rgba(120,80,40,0.14);--tl-shadowSegment:0 1px 4px rgba(90,60,20,0.10);
  color-scheme:light;
}
html[data-theme="dark"]{
  --tl-bg:#1C1916;--tl-bgSubtle:#211E1A;--tl-card:#26221E;--tl-ink:#F4EFE8;--tl-inkMuted:#C4B8A8;--tl-inkSoft:#D0C6B8;--tl-inkFaint:#9A9286;
  --tl-border:#3D362F;--tl-borderStrong:#4A433A;--tl-borderBtn:#4A433A;--tl-borderDashed:#5A5248;
  --tl-sand:#2C2722;--tl-sandDeep:#3A342E;--tl-sandHint:#2C2722;--tl-hairline:#3D362F;--tl-rowPressed:#2C2722;--tl-disabledText:#8E877A;
  --tl-blue:#3D6DA8;--tl-blueDeep:#A8C5E3;--tl-blueDark:#35608F;--tl-blueTint:#243044;--tl-blueBorder:#3D5470;--tl-blueLight:#7FA8CF;
  --tl-heroTop:#26221E;--tl-heroBottom:#243044;--tl-night:#1C1916;
  --tl-green:#A3B58E;--tl-greenDeep:#C5D4B4;--tl-greenTint:#25291F;--tl-greenBorder:#3A4232;--tl-toggleOn:#3D6DA8;
  --tl-amber:#E09040;--tl-amberIcon:#E09040;--tl-amberTint:#33281C;--tl-amberSoft:#2C2722;--tl-amberBorder:#4A3B22;--tl-warmInk:#E8B27A;--tl-warmIcon:#E09040;
  --tl-danger:#D98A75;--tl-dangerDeep:#E2A18F;--tl-dangerTint:#33211C;--tl-dangerBorder:#4A2F27;
  --tl-logoGold:#E2A03F;--tl-apricot:#4A3B22;--tl-sageTint:#2A3024;--tl-sageBand:#3E4B36;--tl-sage:#7F9270;--tl-sageInk:#C5D4B4;
  --tl-dotMuted:#5A5248;--tl-placeholder:#7A7266;--tl-appleButton:#FFFFFF;--tl-appleInk:#000000;--tl-onAccent:#FFFFFF;
  --tl-header:rgba(28,25,22,.94);--tl-band:#211E1A;
  --tl-shadowCard:0 2px 14px rgba(0,0,0,0.28);--tl-shadowHero:0 14px 30px -18px rgba(0,0,0,0.55);--tl-shadowFloat:0 18px 40px rgba(0,0,0,0.35);--tl-shadowSegment:0 1px 4px rgba(0,0,0,0.35);
  color-scheme:dark;
}

.theme-toggle{
  width:44px;height:44px;flex:0 0 44px;border:1px solid var(--tl-border);border-radius:50%;
  background:var(--tl-card);color:var(--tl-ink);display:grid;place-items:center;cursor:pointer;
}
.theme-toggle svg{width:20px;height:20px;grid-area:1/1}
.theme-toggle .icon-sun{display:none}
html[data-theme="dark"] .theme-toggle .icon-sun{display:block}
html[data-theme="dark"] .theme-toggle .icon-moon{display:none}
.theme-toggle:hover{background:var(--tl-sand)}
.theme-toggle:focus-visible{outline:3px solid var(--tl-amber);outline-offset:3px}

/* Previous landing QR card, retokened for the new palette. */
.hero-download{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.qr-card{
  display:grid;justify-items:center;gap:8px;text-decoration:none;
  background:var(--tl-card);border:1px solid var(--tl-border);border-radius:18px;
  padding:12px 12px 10px;box-shadow:var(--tl-shadowHero);color:var(--tl-inkMuted);
}
.qr-card:hover{color:var(--tl-ink);border-color:var(--tl-borderStrong)}
.qr-code{width:104px;height:104px;display:block;border-radius:8px;background:#fff}
.qr-label{font-size:12px;font-weight:700;letter-spacing:0.02em;color:var(--tl-inkMuted)}
.qr-card--on-blue{background:var(--tl-card);border-color:transparent;box-shadow:0 10px 24px rgba(0,0,0,0.18)}
.qr-card--on-blue .qr-label{color:var(--tl-inkMuted)}
.download-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;flex:none}

.hero-art{background:transparent;filter:drop-shadow(0 18px 36px rgba(120,80,40,0.16))}
html[data-theme="dark"] .hero-art{filter:drop-shadow(0 18px 36px rgba(0,0,0,0.45))}
html[data-theme="dark"] .page-decor{opacity:.55}

.site-header>div{gap:16px}
.site-header .theme-toggle{margin-left:auto}
.site-header .nav-links{margin-left:auto}
.site-header .nav-links a{color:var(--tl-inkMuted);font-size:14px;font-weight:700}

@media(max-width:900px){.site-header .nav-links{display:none}}
@media(max-width:760px){
  .site-header>div{gap:10px}
  .site-header .theme-toggle{margin-left:auto}
  .site-header>div>a:last-child{padding:0 16px}
  .qr-code{width:92px;height:92px}
}
@media(max-width:360px){
  .site-header>div{padding-left:12px;padding-right:12px;gap:8px}
  .site-header>div>a:first-child{gap:5px}
  .site-header>div>a:first-child span{font-size:16px}
  .site-header>div>a:last-child{padding:0 11px;font-size:12px}
  .theme-toggle{width:40px;height:40px;flex-basis:40px}
}