/* Shared palette; existing components retain their original geometry and motion. */
:root {
  --naxit-primary: #31798d;
  --naxit-secondary: #86b5c2;
  --naxit-color-ink: #1c1f23;
  --naxit-color-text: #3f474d;
  --naxit-color-line: #d9e2e7;
  --naxit-color-paper: #f7fafb;
  --naxit-color-white: #fff;
  --naxit-canvas: #0b0b0f;
  --naxit-page-canvas: #17313b;
  --naxit-product-canvas: #fff;
  --naxit-surface-wash: radial-gradient(ellipse 75% 48% at 100% 50%,rgba(134,181,194,.42),transparent 75%),radial-gradient(ellipse 60% 40% at 0% 48%,rgba(49,121,141,.22),transparent 78%),#fff;
  --naxit-page-wash: var(--naxit-surface-wash);
  --naxit-footer-top: #294f5e;
  --naxit-footer-base: #17313b;
  --naxit-section-heading-size: clamp(38px,4.8vw,64px);
  --naxit-font: "Milligram", Arial, sans-serif;
  --naxit-header-height: 88px;
  --naxit-control-radius: 50px;
  --naxit-duration: 280ms;
  --naxit-ease: cubic-bezier(.16, 1, .3, 1);
  --brandColor1: var(--naxit-primary);
  --brandColor2: var(--naxit-secondary);
  --brandColor3: var(--naxit-primary);
  --blur-01: var(--naxit-primary);
  --blur-02: var(--naxit-secondary);
  --blur-03: var(--naxit-primary);
  --black: var(--naxit-canvas);
  --white: var(--naxit-color-white);
}