/* Shared homepage/configurator design tokens. Brand fills stay identical in
   both themes; text and focus colors adapt for readable interaction states. */
:root{
  --bg:#f2f4fa;--ink:#1d1d2b;--ink2:rgba(29,29,43,.72);--ink3:rgba(29,29,43,.62);--line:rgba(29,29,43,.09);
  --glass:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.38));
  --glass-border:rgba(255,255,255,.85);--glass-shadow:0 8px 28px rgba(60,70,140,.10);
  --glass-inner:rgba(255,255,255,.55);--pill:rgba(255,255,255,.55);
  --brand-start:#7a84ff;--brand-end:#9a7ce8;--brand-rose:#d280c8;
  --accent-fill:linear-gradient(120deg,var(--brand-start),var(--brand-end));
  --on-accent:#1d1d2b;--accent:#5848b5;--accent-soft:#eeedfb;--accent-hover:#e4e1f8;
  --accent-border:#b9b0e6;--accent-shadow:0 5px 16px rgba(122,132,255,.20);
  --control-bg:#fafafe;--control-border:#8d8aab;
  --model-highlight:#b6afe6;--model-emissive:#6855b1;
  --radius-action:999px;--radius-control:12px;--radius-panel:22px;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);
  --ease-drawer:cubic-bezier(.32,.72,0,1);--press:160ms;--ui:220ms;
  color-scheme:light;
}
html.dark{
  --bg:#0b0e1b;--ink:#f4f5fb;--ink2:rgba(244,245,251,.72);--ink3:rgba(244,245,251,.50);--line:rgba(255,255,255,.1);
  --glass:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.05));
  --glass-border:rgba(255,255,255,.16);--glass-shadow:0 8px 28px rgba(0,0,0,.34);
  --glass-inner:rgba(255,255,255,.22);--pill:rgba(255,255,255,.09);
  --accent:#bbb2ff;--accent-soft:#27233f;--accent-hover:#342d53;--accent-border:#786ca9;
  --accent-shadow:0 5px 16px rgba(122,132,255,.12);--control-bg:#171827;--control-border:#71728f;
  color-scheme:dark;
}