/* Theme 7: Apricot and Coral
   Palette: apricot coral lead (#D88B79), coral secondary (#C16B62),
   warm amber tertiary (#F2C97E), blush rose quaternary (#E8B4B8), sage positive (#8FAF8F)
   Backgrounds: soft apricot (#FBE8D6) through peach blush (#FAE0D5) and cream card (#FEF1E6)
*/

body[data-theme="7"] {
  /* Core surfaces */
  --bg-primary:      #FBE8D6;
  --bg-secondary:    #FAE0D5;
  --bg-card:         #FEF1E6;
  --bg-card-hover:   #F6DAC8;

  /* Borders */
  --border:          rgba(43, 30, 22, 0.10);
  --border-hover:    rgba(43, 30, 22, 0.18);

  /* Text */
  --text-primary:    #2C2018;
  --text-secondary:  #8A6A58;
  --text-muted:      #A98B78;

  /* Accent family -- lead accent: apricot coral */
  --accent-blue:         #D88B79;
  --accent-blue-rgb:     216, 139, 121;

  /* Secondary accent: coral (stands in for purple) */
  --accent-purple:       #C16B62;
  --accent-purple-rgb:   193, 107, 98;

  /* Tertiary accent: warm amber (stands in for cyan) */
  --accent-cyan:         #F2C97E;
  --accent-cyan-rgb:     242, 201, 126;

  /* Quaternary accent: blush rose (stands in for pink) */
  --accent-pink:         #E8B4B8;
  --accent-pink-rgb:     232, 180, 184;

  /* Positive accent: sage green */
  --accent-green:        #8FAF8F;
  --accent-green-rgb:    143, 175, 143;

  /* Gradients */
  --gradient-main:   linear-gradient(135deg, #D88B79, #E8A84C, #F2C97E);
  --gradient-subtle: linear-gradient(135deg, rgba(216, 139, 121, 0.12), rgba(242, 201, 126, 0.12));
  --gradient-glow:   radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(216, 139, 121, 0.06), transparent 40%);

  /* Typography */
  --font-display:    'Fraunces', Georgia, serif;

  /* Texture */
  --grain-opacity:   0.04;

  /* Component variables */
  --logo-box-bg:     linear-gradient(135deg, #D88B79, #E8A84C);
  --cta-bg:          #E8A84C;
  --cta-text:        #2C2018;

  /* Elevation */
  --shadow-soft:     0 16px 40px rgba(43, 30, 22, 0.10);

  /* Nav */
  --nav-bg:          rgba(251, 232, 214, 0.85);

  /* Grid lines */
  --grid-line:       rgba(43, 30, 22, 0.04);

  /* Hero orbs */
  --orb-1:           rgba(216, 139, 121, 0.18);
  --orb-2:           rgba(232, 168, 76, 0.16);
  --orb-3:           rgba(242, 201, 126, 0.14);
}

/* Scoped tactile touches for Theme 7 only */
body[data-theme="7"] .theme-tab-bar {
  border-top: 1px solid rgba(43, 30, 22, 0.12);
  background: rgba(251, 232, 214, 0.92);
}

body[data-theme="7"] .theme-tab-bar button.active {
  background: #E8A84C;
  color: #2C2018;
}

body[data-theme="7"] .theme-tab-bar button:hover:not(.active) {
  background: rgba(216, 139, 121, 0.12);
}