/* ============================================================
   NODI — LAYOUT TOKENS
   One centering frame + two section types (Framed / Full-bleed) +
   fluid side padding. Website only — product app shell layout is
   a separate, not-yet-defined concern.
   ============================================================ */
:root {
  /* The only centering mechanism site-wide */
  --container-max: 1440px;

  /* Fluid side padding — clamp() between two anchors:
     375px viewport → --space-8 (24px) ... 1440px viewport → --space-12 (80px).
     Flat outside that range, linear ramp between.
     slope = (80-24)/(1440-375) = 5.258vw · intercept = 24 - slope×375 = 4.28px */
  --section-padding: clamp(var(--space-8), calc(4.28px + 5.258vw), var(--space-12));
}