/* Viel & Benedict — design tokens (mirrors the design system's tokens.json) */
:root{
  /* Color — sampled from the printed invitation's artwork */
  --paper:#FFFCF9;           /* page ground */
  --white:#FFFFFF;           /* cards on paper */
  --blush-100:#F8ECEA;       /* band ground: the pink bands of the printed card */
  --blush-200:#F1D9D5;       /* borders and fills on blush */
  --rose-400:#DFA59B;        /* rose petal — decoration only, never text */
  --terracotta-600:#B4553D;  /* names lettering, titles, primary actions */
  --terracotta-700:#95412D;  /* hover, small terracotta text */
  --sage-300:#CBD0BD;        /* leaf light — dividers, timeline rail */
  --sage-600:#7E8466;        /* leaf — icons, decoration */
  --sage-700:#5E6448;        /* leaf deep — labels and sub-titles */
  --ink-900:#2B2522;         /* body text */
  --ink-600:#6B5F59;         /* secondary text */
  --line:#EBDDD8;            /* hairlines */

  /* Type — three families, one job each */
  --font-script:"Allison", "Snell Roundhand", cursive;   /* titles, ≥40px only */
  --font-hand:"Neucha", "Marker Felt", cursive;          /* labels, times, buttons */
  --font-serif:"EB Garamond", Garamond, Georgia, serif;  /* reading text */

  /* Spacing — 8pt scale */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;

  /* Radius */
  --radius-sm:6px; --radius-md:14px; --radius-lg:28px; --radius-pill:999px;

  /* Shadow */
  --shadow-card:0 1px 2px rgba(43,37,34,.04), 0 16px 40px -18px rgba(149,65,45,.22);
  --shadow-lift:0 2px 4px rgba(43,37,34,.05), 0 24px 48px -16px rgba(149,65,45,.30);

  /* Motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --dur-fast:.35s; --dur:.9s; --dur-slow:1.3s;
  --slide:44px;
}
@media (min-width:768px){ :root{ --slide:96px } }