:root{
  /* Palette */
  --color-ink:#090d14;
  --color-ink-raised:#101c30;
  --color-surface:#142033;
  --color-surface-strong:#16253a;
  --color-paper:#f5f7fa;
  --color-text:#f3f6fb;
  --color-text-muted:#a7b6ca;
  --color-accent:#a9d8ff;
  --color-charge:#01e7a1;
  --color-line:rgb(255 255 255 / 8%);
  --color-line-strong:rgb(255 255 255 / 15%);
  --color-scroll-track:#0d1827;
  --color-scroll-thumb:#49657f;
  --color-scroll-thumb-hover:#78a7ce;

  /* Reused surfaces and effects */
  --gradient-page:radial-gradient(ellipse at 90% 0,#19365988,transparent 45%),radial-gradient(ellipse at 0 55%,#17233188,transparent 50%),var(--color-ink);
  --gradient-product-card:linear-gradient(130deg,#28415b99,#16253aee);
  --gradient-charge:radial-gradient(ellipse at 75% 30%,#204d82,transparent 70%),#08244f;
  --shadow-floating:0 12px 40px rgb(0 0 0 / 31%);
  --radius-card:13px;
  --radius-control:9px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --motion-fast:160ms;
  --motion-base:220ms;
}