/* Sundae Body -- brand design tokens
 * Signed-off homepage direction: V6c (full homepage), 2026-06-01.
 * Palette character: EXPRESSIVE candy-pastel -- colour IS the brand.
 * (Deliberate contrast to the muted Fern & Feather demo.)
 */
:root{
  /* Palette */
  --paper:#FDF6F0;        /* warm near-white background */
  --paper-2:#F4E7CE;      /* buttercream secondary surface */
  --ink:#2B2622;          /* warm near-black, never pure black */
  --ink-soft:#6A5F57;     /* muted ink for body copy */
  --coral:#E2795F;        /* primary accent -- hero headline, CTAs, the signature colour */
  --coral-deep:#C45F46;   /* darker coral for hover / small text contrast */
  --blush:#F2C9CE;        /* blush pink */
  --peach:#F6D8C6;        /* soft peach (hero gradient) */
  --butter:#F2D06B;       /* butter / lemon */
  --berry:#D9527E;        /* berry / cherry */
  --mint:#BFE0C8;         /* cool mint */
  --cream:#F4E7CE;        /* buttercream / whipped product tone */
  --line:rgba(43,38,34,.12);

  /* Shadow tint: derived from ink, never 0 0 0 */
  --shadow-rgb:43,38,34;
  --shadow-coral:226,121,95;

  /* Typography -- rounded playful display + clean body + script accent */
  --display:"Poppins",system-ui,sans-serif;
  --body:"DM Sans",system-ui,sans-serif;
  --script:"Caveat",cursive;

  /* Radius -- generous, soft, playful */
  --radius:18px;
  --radius-lg:24px;
  --radius-xl:28px;
  --radius-pill:999px;

  /* Container rails -- mid-range with breathing room */
  --rails-wide:1200px;
  --rails-narrow:720px;
  --rails-pad:clamp(1.25rem,4vw,3.5rem);

  /* Motion -- energetic brand: snappy + a little bouncy */
  --dur-fast:90ms;
  --dur:180ms;
  --dur-slow:320ms;
  --ease-soft:cubic-bezier(.22,.61,.36,1);

  /* Hit target */
  --hit-target:44px;

  /* Token-derived contrast: floating nav over the light peach hero uses ink
   * (EXPRESSIVE brand but the hero is a LIGHT pastel gradient, so ink is legible). */
  --nav-fg-floating:var(--ink);
}