:root {
  --laundry-navy: #102040;
  --laundry-blue: #1f78d1;
  --laundry-sky: #7dd3fc;
  --laundry-mint: #d9f4ff;
  --laundry-cream: #fff7ef;
}

body.laundry-theme {
  --bg: #f6fbff;
  --surface: rgba(255, 255, 255, 0.94);
  --primary: var(--laundry-blue);
  --primary-dark: #0f5ca8;
  --accent: #ff9f5b;
  --text: var(--laundry-navy);
  --muted: #58708f;
  --success: #0f9d76;
  --warning: #f59e0b;
  --danger: #dc4c64;
  --shadow: 0 22px 52px rgba(16, 32, 64, 0.08);
  --shadow-soft: 0 14px 34px rgba(16, 32, 64, 0.06);
  background:
    radial-gradient(circle at top left, rgba(125, 211, 252, 0.18), transparent 30%),
    radial-gradient(circle at top right, rgba(255, 159, 91, 0.14), transparent 24%),
    linear-gradient(180deg, #f8fcff 0%, #f2f9ff 42%, #eff6ff 100%);
}

body.laundry-theme::before {
  background-image:
    radial-gradient(circle, rgba(31, 120, 209, 0.12) 0 6px, transparent 7px),
    radial-gradient(circle, rgba(125, 211, 252, 0.18) 0 5px, transparent 6px),
    radial-gradient(circle, rgba(255, 159, 91, 0.12) 0 7px, transparent 8px),
    radial-gradient(circle at 14% 18%, rgba(125, 211, 252, 0.16) 0 140px, transparent 141px),
    radial-gradient(circle at 82% 14%, rgba(255, 159, 91, 0.12) 0 150px, transparent 151px),
    radial-gradient(circle at 20% 82%, rgba(31, 120, 209, 0.08) 0 180px, transparent 181px);
}

body.laundry-theme .navbar,
body.laundry-theme .footer,
body.laundry-theme .card-glass,
body.laundry-theme .glass-card,
body.laundry-theme .hero-card,
body.laundry-theme .work-card,
body.laundry-theme .service-card,
body.laundry-theme .cta-band,
body.laundry-theme .table-card {
  border: 1px solid rgba(31, 120, 209, 0.1);
  box-shadow: var(--shadow);
}

body.laundry-theme .navbar {
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

body.laundry-theme .brand-logo {
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(16, 32, 64, 0.12);
}

body.laundry-theme .promo-pill,
body.laundry-theme .focus-badge,
body.laundry-theme .caption-pill {
  background: linear-gradient(135deg, rgba(31, 120, 209, 0.15), rgba(125, 211, 252, 0.25));
  color: var(--laundry-navy);
  border: 1px solid rgba(31, 120, 209, 0.14);
}

body.laundry-theme .btn-primary {
  background: linear-gradient(135deg, var(--laundry-blue), #3298ef);
  border-color: transparent;
}

body.laundry-theme .btn-primary:hover {
  background: linear-gradient(135deg, #1665b3, var(--laundry-blue));
}

body.laundry-theme .btn-ghost {
  border-color: rgba(16, 32, 64, 0.12);
  color: var(--laundry-navy);
}

body.laundry-theme .footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 255, 0.96));
}

body.laundry-theme .hero-title,
body.laundry-theme .section-title,
body.laundry-theme h1,
body.laundry-theme h2,
body.laundry-theme h3,
body.laundry-theme h4,
body.laundry-theme h5,
body.laundry-theme h6 {
  color: var(--laundry-navy);
}
