/* Papaya brand tokens — derived 1:1 from the app's design system
   (Papaya/Views/Design/Theme.swift + PapayaPalette.swift default "coral" palette).
   Warm, editorial, charming. Serif display (≈ Apple New York) + Plus Jakarta Sans body.
   Never pure white, never pure black — warm cream surfaces, plum ink. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* Core surfaces (light palette) */
  --cream:        #FCEDE0;  /* primary background — warm peach-cream */
  --cream-deep:   #F7E0CF;  /* secondary background / gradient end */
  --peach:        #FAD6C4;  /* warm tint blocks */
  --card:         #FFF7F0;  /* card surface */
  --card-wash:    rgba(255,247,240,0.66);
  --divider:      #EBD6C7;
  --hairline:     1px solid rgba(46,26,56,0.08);

  /* Brand — coral family */
  --coral:        #F26B4D;  /* primary action / hero accent */
  --coral-deep:   #E85738;  /* pressed / gradient end */
  --coral-soft:   #FAA88C;

  /* Ink — plum family */
  --plum:         #2E1A38;  /* primary text */
  --plum-soft:    #6B5470;  /* secondary text */
  --plum-muted:   #99859E;  /* tertiary / eyebrow */

  /* Signal accents (recap chart) */
  --motion:       #339EA8;  /* teal — the MOVEMENT curve, sibling to coral SOUND */
  --peak:         #D92E2E;  /* intensity peak */
  --gold:         #DB9E2E;  /* rare-achievement ring */

  /* Gradients */
  --grad-coral:   linear-gradient(135deg, #F5765C 0%, #EB5C3D 100%);
  --grad-wave:    linear-gradient(90deg, #FA8C69 0%, #EB5C80 100%);
  --grad-bg:      linear-gradient(160deg, #FCEDE0 0%, #F7E0CF 100%);

  /* Shape & elevation */
  --r-chip:  12px;
  --r-card:  20px;
  --r-panel: 28px;
  --r-pill:  999px;
  --r-phone: 40px;
  --shadow-card:  0 8px 18px -10px rgba(46,26,56,0.18);
  --shadow-phone: 0 28px 70px -24px rgba(120,40,20,0.32);
  --shadow-btn:   0 8px 16px -6px rgba(232,87,56,0.42);

  --font-display: 'Fraunces', 'New York', ui-serif, Georgia, serif;
  --font-text:    'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }
body {
  font-family: var(--font-text);
  color: var(--plum);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
}
.serif { font-family: var(--font-display); }
.eyebrow {
  text-transform: uppercase; letter-spacing: 1.4px; font-size: 11px;
  font-weight: 800; color: var(--plum-muted);
}