:root {
  /* THE BOBBI FAMILY — sunset portrait palette */
  --cloud-cream: #FFF8EE;
  --warm-sand: #F7D9AE;
  --sunlit-gold: #FFD783;
  --sunset-peach: #F6A45F;
  --coral-glow: #ED7B43;
  --denim-blue: #86B9D8;
  --sea-mist: #D6ECE8;
  --cliff-olive: #78845B;
  --ink: #2B2523;
  --soft-ink: #715E52;
  --paper: #FFFEFB;
  --on-accent: #2B2523;
  --hairline: rgba(43,37,35,.09);
  --shadow-soft: 0 18px 50px rgba(112,72,35,.12);
  --shadow-card: 0 10px 26px rgba(112,72,35,.08);
  --radius-xl: 30px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --tap: 44px;
  --nav-h: 78px;
  --rail-w: 232px;
  --surface-z: 2000;
  --child-surface-z: 2200;
  --toast-z: 3000;
}

/* Dark mode is opt-in. Never force the family site dark just because the device is dark. */
.app-shell[data-theme="dark"] {
  --cloud-cream: #1B1714;
  --warm-sand: #34271D;
  --sunlit-gold: #4A3020;
  --sunset-peach: #DE8B54;
  --coral-glow: #ED8951;
  --denim-blue: #7895AA;
  --sea-mist: #293735;
  --cliff-olive: #8D9368;
  --ink: #FFF6EA;
  --soft-ink: #D4C2B3;
  --paper: #26211D;
  --on-accent: #2B2523;
  --hairline: rgba(255,246,234,.09);
  --shadow-soft: 0 20px 50px rgba(0,0,0,.26);
  --shadow-card: 0 10px 30px rgba(0,0,0,.18);
}