/* Theme 5: Dusty Rose and Mauve -- soft blush backgrounds with rose and mauve accents */

body[data-theme="5"] {
  /* Core surfaces */
  --bg-primary:        #FBEDEC;
  --bg-secondary:      #F6DEDC;
  --bg-card:           #FEF6F5;
  --bg-card-hover:     #F2D6D4;

  /* Borders */
  --border:            rgba(42,28,28,0.10);
  --border-hover:      rgba(42,28,28,0.18);

  /* Text */
  --text-primary:      #2B1F1F;
  --text-secondary:    #8A6A6A;
  --text-muted:        #A98C8C;

  /* Accents -- hex */
  --accent-blue:       #C9908F;
  --accent-purple:     #B07C8B;
  --accent-cyan:       #E8B86D;
  --accent-pink:       #D4A0A0;
  --accent-green:      #8FAF8F;

  /* Accents -- RGB triples (must match hex companions exactly) */
  --accent-blue-rgb:   201,144,143;
  --accent-purple-rgb: 176,124,139;
  --accent-cyan-rgb:   232,184,109;
  --accent-pink-rgb:   212,160,160;
  --accent-green-rgb:  143,175,143;

  /* Gradients */
  --gradient-main:     linear-gradient(135deg, #C9908F, #D4A0A0, #E8B86D);
  --gradient-subtle:   linear-gradient(135deg, rgba(201,144,143,0.12), rgba(212,160,160,0.12));
  --gradient-glow:     radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), rgba(201,144,143,0.06), transparent 40%);

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

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

  /* Component tokens */
  --logo-box-bg:       linear-gradient(135deg, #C9908F, #B07C8B);
  --cta-bg:            #C16B62;
  --cta-text:          #FEF6F5;
  --shadow-soft:       0 16px 40px rgba(42,28,28,0.10);
  --nav-bg:            rgba(251,237,236,0.85);
  --grid-line:         rgba(42,28,28,0.04);

  /* Hero orbs */
  --orb-1:             rgba(201,144,143,0.18);
  --orb-2:             rgba(176,124,139,0.14);
  --orb-3:             rgba(232,184,109,0.12);
}

/* Scoped tactile touches for Theme 5 only */
body[data-theme="5"] ::selection {
  background: rgba(201,144,143,0.22);
  color: #2B1F1F;
}

body[data-theme="5"] :focus-visible {
  outline-color: #C9908F;
}