/* ============================================================
   LippyLipo — Design tokens
   ============================================================ */

:root {
  /* Off-white + terracotta palette */
  --ink: #fdfcfa;         /* page background — near-white, barest warmth */
  --ink-2: #f6f3ec;       /* slightly deeper off-white */
  --panel: #ffffff;       /* card surface */
  --panel-2: #faf6ee;
  --line: rgba(31, 24, 18, 0.08);
  --line-strong: rgba(31, 24, 18, 0.18);
  --bone: #fdfcfa;        /* same as --ink */
  --bone-2: #f6f3ec;
  --mute: #6b5f54;        /* secondary text (warm gray) */
  --mute-2: #9a8b7c;
  --text: #1f1815;        /* primary text — near-black warm */

  /* Terracotta accent */
  --rg-1: #a55540;        /* darker terracotta — for highlighted text */
  --rg-2: #b26a52;        /* primary terracotta */
  --rg-3: #c88670;        /* lighter terracotta */
  --rg-4: #9c5640;
  --rg-5: #7c3f30;
  --rose-gold: #b26a52;                  /* solid terracotta */
  --rose-gold-soft: rgba(178, 106, 82, 0.18);
  --rose-gold-vert: #b26a52;
  --rose-gold-shine: #b26a52;

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-rose: 0 18px 50px -20px rgba(124, 63, 48, 0.35);
  --shadow-panel: 0 24px 60px -30px rgba(0, 0, 0, 0.15);

  /* Layout */
  --container: 1240px;
  --funnel: 760px;
}