/* Hallmark · macrostructure: studied-DNA (source: image — Ben's Alltion V7 mockup screenshots)
 * theme: studied-DNA · paper: white / cool-grey · accent: sky-blue on deep navy
 * observed-fonts: geometric sans display + humanist body → Poppins + Inter
 * pre-emit critique: P4 H5 E4 S5 R4 V4
 */
:root {
  /* colour */
  --c-ink: oklch(28% 0.09 275);            /* deep navy — headings, footer */
  --c-ink-2: oklch(33% 0.10 275);          /* navy hover / gradient partner */
  --c-body: oklch(52% 0.03 260);           /* body grey */
  --c-muted: oklch(64% 0.025 260);         /* secondary grey */
  --c-sky: oklch(66% 0.13 240);            /* logo sky blue — eyebrows, links */
  --c-btn: oklch(68% 0.12 240);            /* button fill */
  --c-btn-hover: oklch(60% 0.13 245);
  --c-chip: oklch(48% 0.11 250);           /* active filter chip */
  --c-bg: oklch(100% 0 0);
  --c-bg-soft: oklch(96.5% 0.004 255);     /* light section grey */
  --c-card: oklch(98% 0.003 255);          /* product card */
  --c-line: oklch(92% 0.006 255);
  --c-on-ink: oklch(100% 0 0);
  --c-footer-text: oklch(88% 0.015 255);
  --c-focus: oklch(55% 0.15 245);

  /* type */
  --font-display: "Poppins", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --text-h1: clamp(2.5rem, 4.4vw, 3.9rem);
  --text-h2: clamp(1.9rem, 3.2vw, 2.9rem);
  --text-h3: clamp(1.6rem, 2.4vw, 2.1rem);
  --text-body: 1.0625rem;
  --text-small: 0.9375rem;
  --text-tag: 0.75rem;

  /* space (4pt) */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.25rem;
  --space-2xl: 5rem;
  --space-3xl: 7rem;

  /* shape + depth */
  --radius-card: 16px;
  --radius-pill: 999px;
  --shadow-card: 0 14px 34px oklch(28% 0.09 275 / 0.10);
  --shadow-header: 0 6px 24px oklch(28% 0.09 275 / 0.08);

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-med: 420ms;
}