/* Theme 6: Warm Sand and Clay
   Palette: deep clay lead (#A65E46), terracotta secondary (#BF6B52),
   warm honey tertiary (#C9A96E), blush quaternary (#C98685), olive sage positive (#9A9E70)
   Backgrounds: warm sand (#F2EBD9) through toasted linen (#EDE5D8) and beeswax card (#F8F2E6)
*/

body[data-theme="6"] {
  /* Core surfaces */
  --bg-primary:      #F2EBD9;
  --bg-secondary:    #EDE5D8;
  --bg-card:         #F8F2E6;
  --bg-card-hover:   #E5DBC8;

  /* Borders */
  --border:          rgba(38, 30, 20, 0.10);
  --border-hover:    rgba(38, 30, 20, 0.18);

  /* Text */
  --text-primary:    #2C2218;
  --text-secondary:  #6B5E52;
  --text-muted:      #938776;

  /* Accent family -- lead accent: deep clay */
  --accent-blue:         #A65E46;
  --accent-blue-rgb:     166, 94, 70;

  /* Secondary accent: terracotta */
  --accent-purple:       #BF6B52;
  --accent-purple-rgb:   191, 107, 82;

  /* Tertiary accent: warm honey (stands in for cyan) */
  --accent-cyan:         #C9A96E;
  --accent-cyan-rgb:     201, 169, 110;

  /* Quaternary accent: blush (stands in for pink) */
  --accent-pink:         #C98685;
  --accent-pink-rgb:     201, 134, 133;

  /* Positive accent: olive sage (stands in for green) */
  --accent-green:        #9A9E70;
  --accent-green-rgb:    154, 158, 112;

  /* Gradients */
  --gradient-main:   linear-gradient(135deg, #A65E46, #BF6B52, #C9A96E);
  --gradient-subtle: linear-gradient(135deg, rgba(166, 94, 70, 0.12), rgba(201, 169, 110, 0.12));
  --gradient-glow:   radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(166, 94, 70, 0.06), transparent 40%);

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

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

  /* Component variables */
  --logo-box-bg:     linear-gradient(135deg, #A65E46, #C9A96E);
  --cta-bg:          #A65E46;
  --cta-text:        #F8F2E6;

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

  /* Nav */
  --nav-bg:          rgba(242, 235, 217, 0.85);

  /* Grid lines */
  --grid-line:       rgba(38, 30, 20, 0.04);

  /* Hero orbs */
  --orb-1:           rgba(166, 94, 70, 0.16);
  --orb-2:           rgba(201, 169, 110, 0.16);
  --orb-3:           rgba(154, 158, 112, 0.12);
}

/* Scoped tactile touches for Theme 6 only */
body[data-theme="6"] .theme-tab-bar {
  border-top: 1px solid rgba(38, 30, 20, 0.12);
  background: rgba(242, 235, 217, 0.92);
}

body[data-theme="6"] .theme-tab-bar button.active {
  background: #A65E46;
  color: #F8F2E6;
}

body[data-theme="6"] .theme-tab-bar button:hover:not(.active) {
  background: rgba(166, 94, 70, 0.12);
}