/* Mixanich Smart Mirror — design tokens (from the 2023 logobook) */
:root{
  /* Layout: nav, dark hero with the mirror, features, audience+pattern, gradient CTA, footer */
  --aqua:#01d9ff;
  --science-blue:#0069d9;
  --bright-gray:#efefef;
  --ebony-clay:#2b2e3f;
  --night:#161826;
  --white:#ffffff;
  --surface:#ffffff;
  --surface-alt:#efefef;
  --ink:#2b2e3f;
  --ink-muted:#5a5d6e;
  --accent:#0069d9;
  --action:#0069d9;
  --on-action:#ffffff;
  --line:#b2b3b3;
  --focus:#0069d9;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --space-24:96px;
  --radius-none:0;
  --radius-sm:2px;
  --stripe-width:6px;
  --stripe-pitch:12px;
  --container:1200px;
  --bar-width:2px;
  --font-sans:"Rogan","Exo 2",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
  --surface:#161826;
  --surface-alt:#2b2e3f;
  --ink:#efefef;
  --ink-muted:#a3a6b4;
  --accent:#01d9ff;
  --action:#01d9ff;
  --on-action:#161826;
  --line:#3a3d52;
  --focus:#01d9ff;
  color-scheme:dark
}

}
:root[data-theme="dark"]{
  --surface:#161826;
  --surface-alt:#2b2e3f;
  --ink:#efefef;
  --ink-muted:#a3a6b4;
  --accent:#01d9ff;
  --action:#01d9ff;
  --on-action:#161826;
  --line:#3a3d52;
  --focus:#01d9ff;
  color-scheme:dark
}
.is-dark{
  --surface:#161826;
  --surface-alt:#2b2e3f;
  --ink:#efefef;
  --ink-muted:#a3a6b4;
  --accent:#01d9ff;
  --action:#01d9ff;
  --on-action:#161826;
  --line:#3a3d52;
  --focus:#01d9ff;
}