/*
 * Design tokens for parfait.
 * Ground and heart values sampled from her own campaign art; --accent-text
 * derived so every readable string clears AA on all four grounds.
 * See docs/superpowers/specs/2026-08-24-parfait-microsite-design.md §6.
 */

:root {
  /* Ground */
  --ground-1: #FDF2F4;
  --ground-2: #F8D8D8;
  --ground-3: #F2C4CC;

  /* Text — measured AA on every ground */
  --ink: #5A3540;
  --ink-soft: rgba(90, 53, 64, 0.72);
  --accent-text: #A22E3F;

  /* Decorative only. Never `color:` — --accent is 2.73:1 on --ground-2. */
  --accent: #F2455E;
  --white: #FFFFFF;

  /* Heart tile, measured from logo.jpg (spec §6.3) */
  --tile-large: #FFBBC8;
  --tile-small: #FFDCE3;

  /* Geometry */
  --radius: 18px;
  --measure: 1240px;

  /*
   * One heart field, behind the whole page. Two planes of the same motif
   * at similar opacity read as ghosted duplicates rather than depth.
   *
   * The cell scales DOWN on smaller viewports so the hearts keep roughly
   * the same physical size relative to the type, instead of turning into
   * a handful of enormous shapes behind a phone-width column.
   */
  --field-scale: 2.6;

  /* Motion */
  --dur: 240ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (max-width: 1023px) {
  :root { --field-scale: 1.9; }
}

@media (max-width: 767px) {
  :root { --field-scale: 1.35; }
}