/* Freshmilk — design tokens.
   The single source of brand variables: colour, type, shape, depth, motion.
   Kept separate from layout/component styles (site.css) and from content
   (Kirby fields). Change the brand here; nothing else needs to know. */
:root{
  /* Brand blue */
  --blue:#0055e6;
  --blue-bright:#2d74ff;
  --blue-deep:#0039b8;
  --blue-ink:#032a86;

  /* Ink + neutrals (warm paper canvas) */
  --ink:#12161a;
  --ink-soft:#2c3832;
  --muted:#5d675f;
  --cream:#f1ece1;
  --paper:#f6f2ea;
  --foam:#fffdf8;
  --sky:#eaf1ff;
  --line:rgba(18,22,26,.12);
  --line-soft:rgba(18,22,26,.08);

  /* Type */
  --font-ui:Outfit,"Avenir Next","Segoe UI",sans-serif;
  --font-display:Fraunces,Palatino,Georgia,serif;

  /* Layout */
  --maxw:1200px;

  /* Shape */
  --r-sm:16px;
  --r-md:22px;
  --r-lg:30px;
  --r-hero:42px;
  --r-pill:999px;

  /* Depth */
  --shadow-card:0 24px 70px rgba(18,22,26,.12);
  --shadow-blue:0 36px 84px rgba(0,45,140,.2);
  --shadow-btn:0 12px 30px rgba(0,60,190,.28);

  /* Motion */
  --ease:cubic-bezier(.16,.8,.2,1);
  --reveal-dur:.8s;
}