/* Exact site palette retained from DownloadSite.tsx; product tokens below
   come from globals.css. Display-word and camera tokens are the requested
   website-only additions, not replacements for the shared app tokens. */
:root {
 --ink:#F5F4F1; --ink-2:rgba(245,244,241,.68); --ink-3:rgba(245,244,241,.54);
 --line:rgba(255,255,255,.10); --floor:#050506; --room:#121218; --halo:236,232,255;
 --nav:rgba(14,14,18,.58); --glass:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 42%,rgba(255,255,255,.015) 70%,rgba(255,255,255,.05)),rgba(255,255,255,.03);
 --title:clamp(44px,4vw,68px); --h2:clamp(34px,5vw,60px); --lede:clamp(17px,2vw,21px);
 --hero-copy:28px; --word-size:clamp(110px,25vw,460px); --word-ink:rgba(245,244,241,.14);
 --body:17px; --small:14px; --fine:13px; --kicker:13px; --radius:28px; --pill:999px;
 --ease:cubic-bezier(.22,1,.36,1); --gutter:clamp(24px,7vw,140px);
 --font:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue',system-ui,sans-serif;
 --chapter-scroll:240svh; --orb-size:min(50vw,72svh,760px); --focus-line:rgba(255,255,255,.22);
}

.product-theme {
 --ink-rgb:245,245,247; --ink-solid:#F5F5F7; --ink-fill:#F5F5F7; --ink-on-fill:#141416;
 --solid-panel:#1A1B20; --ctl-bg-soft:rgba(255,255,255,.04); --ctl-bg:rgba(255,255,255,.06);
 --ctl-bg-hover:rgba(255,255,255,.10); --ctl-bg-active:rgba(255,255,255,.12); --ctl-border:rgba(255,255,255,.14);
 --ctl-sheen:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)); --ctl-sheen-in:0 1px 0 rgba(255,255,255,.10) inset;
 --ctl-lift:0 1px 2px rgba(0,0,0,.25); --pane-fill:rgba(30,31,37,.72); --pane-border:rgba(255,255,255,.14);
 --stage-ai:#C3AEFF; --stage-ai-tint:#C3AEFF; --stage-ai-ink:#141416;
 --stage-live:#6CD79D; --stage-live-tint:#6CD79D; --stage-live-ink:#141416;
 --stage-redo:#FFA46E; --stage-redo-tint:#FFA46E; --stage-redo-ink:#141416;
 --stage-editor:#8AD4E1; --stage-editor-tint:#8AD4E1; --stage-editor-ink:#141416;
}