/* ShapeWake design tokens — copy of ../../tokens.css (source of truth at the project root). */
:root {
  color-scheme: light dark;

  /* palette (light) */
  --sw-canvas: #ffffff;
  --sw-band: #f5f5f7;
  --sw-frost: #fafafc;
  --sw-card: #ffffff;
  --sw-hairline: #d6d6d6;
  --sw-control: #e6e6e8;
  --sw-ink: #1d1d1f;
  --sw-slate: #707070;
  --sw-steel: #86868b;
  --sw-link: #0066cc;
  --sw-action: #0071e3;
  --sw-warn: #b64400;

  /* type */
  --sw-font: "Inter", "Helvetica Neue", Arial, sans-serif;
  --sw-text-hero: 600 80px/1.05 var(--sw-font);
  --sw-text-hero-track: -0.015em;
  --sw-text-section: 600 40px/1 var(--sw-font);
  --sw-text-card: 600 24px/1.17 var(--sw-font);
  --sw-text-kicker: 600 21px/1 var(--sw-font);
  --sw-text-kicker-track: 0.011em;
  --sw-text-body: 400 17px/1.47 var(--sw-font);
  --sw-text-body-track: -0.022em;
  --sw-text-small: 400 14px/1.29 var(--sw-font);
  --sw-text-small-track: -0.016em;
  --sw-text-control: 400 12px/1.33 var(--sw-font);

  /* spacing (4px base) */
  --sw-s1: 4px;  --sw-s2: 8px;  --sw-s3: 12px; --sw-s4: 16px;
  --sw-s5: 20px; --sw-s6: 24px; --sw-s7: 28px; --sw-s8: 32px;
  --sw-s10: 40px; --sw-s12: 48px; --sw-s16: 64px; --sw-s20: 80px; --sw-s32: 128px;
  --sw-section-gap: 90px;
  --sw-card-pad: 28px;
  --sw-gap: 20px;

  /* shape */
  --sw-r-card: 28px;
  --sw-r-media: 28px;
  --sw-r-nav: 20px;
  --sw-r-link: 10px;
  --sw-r-pill: 9999px;
  --sw-r-input: 980px;
  --sw-ring: 0 0 0 1px var(--sw-control);
  --sw-ring-strong: 0 0 0 1px var(--sw-steel);

  /* motion */
  --sw-ease-out: cubic-bezier(0.25, 0.1, 0.25, 1);
  --sw-ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --sw-dur-fast: 150ms;
  --sw-dur: 200ms;
  --sw-dur-slow: 300ms;
  --sw-reveal-rise: 24px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sw-canvas: #000000;
    --sw-band: #161617;
    --sw-frost: #1d1d1f;
    --sw-card: #1d1d1f;
    --sw-hairline: #424245;
    --sw-control: #333336;
    --sw-ink: #f5f5f7;
    --sw-slate: #a1a1a6;
    --sw-steel: #86868b;
    --sw-link: #2997ff;
    --sw-action: #0077ed;
    --sw-warn: #ff8a3d;
  }
}

:root[data-theme="dark"] {
  --sw-canvas: #000000;
  --sw-band: #161617;
  --sw-frost: #1d1d1f;
  --sw-card: #1d1d1f;
  --sw-hairline: #424245;
  --sw-control: #333336;
  --sw-ink: #f5f5f7;
  --sw-slate: #a1a1a6;
  --sw-steel: #86868b;
  --sw-link: #2997ff;
  --sw-action: #0077ed;
  --sw-warn: #ff8a3d;
}

@media (max-width: 734px) {
  :root {
    --sw-text-hero: 600 48px/1.08 var(--sw-font);
    --sw-text-section: 600 32px/1.1 var(--sw-font);
    --sw-section-gap: 64px;
  }
}