/* Color-only direction for the existing Salon Paper site.
   No layout, spacing, typography, image or component-structure overrides. */

:root {
  --primary: #0a2540;
  --primary-dark: #071a2d;
  --primary-light: #e9eef1;
  --primary-gradient: linear-gradient(135deg, #0a2540, #153d63);
  --primary-gradient-warm: linear-gradient(135deg, #0a2540, #0f4c5c);

  --secondary: #0f4c5c;
  --secondary-light: #e7f0f1;
  --secondary-gradient: linear-gradient(135deg, #0f4c5c, #153d63);

  --accent-gold: #f5a623;
  --accent-gold-light: #fff3df;
  --accent-gold-gradient: linear-gradient(135deg, #f5a623, #d98212);

  --warm-gray: #f1ece3;
  --warm-gray-dark: #e5ded2;
  --card-bg: #ffffff;
  --card-border: #ded7ca;
  --text-dark: #0a2540;
  --text-body: #4e5b68;
  --text-muted: #6e7782;
  --text-light: #7a8490;
  --bg-white: #ffffff;
  --bg-warm: #f6f3ed;
  --bg-alt: #efe9df;
  --bg-blue-subtle: #f5f1ea;
  --shadow-sm: 0 2px 8px rgba(7, 26, 45, 0.06);
  --shadow-md: 0 4px 20px rgba(7, 26, 45, 0.08);
  --shadow-lg: 0 8px 32px rgba(7, 26, 45, 0.12);
  --shadow-xl: 0 12px 48px rgba(7, 26, 45, 0.15);
}

html,
body {
  background-color: #f6f3ed !important;
}

body {
  color: #4e5b68 !important;
}

body::before {
  background-image:
    radial-gradient(ellipse at 20% 50%, rgba(10, 37, 64, 0.025) 0%, transparent 52%),
    radial-gradient(ellipse at 80% 20%, rgba(245, 166, 35, 0.04) 0%, transparent 48%),
    repeating-linear-gradient(
      0deg,
      rgba(10, 37, 64, 0.018) 0,
      rgba(10, 37, 64, 0.018) 1px,
      transparent 1px,
      transparent 5px
    ) !important;
}

header {
  background: rgba(246, 243, 237, 0.94) !important;
  border-bottom-color: #ded7ca !important;
}

.logo-text {
  color: #0a2540 !important;
  background: none !important;
  -webkit-text-fill-color: #0a2540 !important;
}

nav ul li a:hover,
nav ul li a.active {
  color: #0a2540 !important;
}

nav ul li a::after {
  background: #f5a623 !important;
}

nav ul li.dropdown .dropdown-menu li a:hover {
  background: #f1ece3 !important;
  color: #0a2540 !important;
}

.hero {
  background: linear-gradient(135deg, #071a2d, #0a2540 56%, #153d63) !important;
}

.hero::after {
  background: #f6f3ed !important;
}

.hero::before {
  background-image:
    radial-gradient(circle at 30% 40%, rgba(245, 166, 35, 0.07) 0%, transparent 38%),
    radial-gradient(circle at 70% 60%, rgba(0, 174, 239, 0.05) 0%, transparent 34%),
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 20px,
      rgba(255, 255, 255, 0.014) 20px,
      rgba(255, 255, 255, 0.014) 21px
    ) !important;
}

.product-hero {
  background: linear-gradient(135deg, #071a2d, #0a2540 62%, #153d63) !important;
}

.btn-primary {
  background: #0a2540 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(10, 37, 64, 0.24) !important;
}

.btn-primary:hover {
  background: #153d63 !important;
  box-shadow: 0 6px 25px rgba(10, 37, 64, 0.3) !important;
}

.btn-secondary {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

.btn-white {
  background: #ffffff !important;
  color: #0a2540 !important;
}

.btn[style*="#c8a45c"],
a[style*="background:#c8a45c"],
.btn[style*="rgb(200, 164, 92)"],
a[style*="background: rgb(200, 164, 92)"],
button[style*="background: rgb(200, 164, 92)"],
button[style*="background:#c8a45c"] {
  background: #f5a623 !important;
  border-color: #f5a623 !important;
  color: #0a2540 !important;
}

.btn[style*="#2e7d32"],
a[style*="background:#2e7d32"],
.btn[style*="rgb(46, 125, 50)"],
a[style*="background: rgb(46, 125, 50)"] {
  background: #0f4c5c !important;
  border-color: #0f4c5c !important;
  color: #ffffff !important;
}

.section-title::after {
  background: linear-gradient(135deg, #f5a623, #d98212) !important;
}

.section-title h2,
.section-heading h2,
.post-content h2,
.post-content h3,
.product-info h3,
.prop-card h3,
.featured-card h3 {
  color: #0a2540 !important;
}

.section-title p,
.prop-card p,
.featured-card p,
.product-info p {
  color: #4e5b68 !important;
}

.prop-card,
.featured-card,
.product-card,
.blog-card,
.cert-card {
  border-color: #ded7ca !important;
}

.prop-card:hover,
.featured-card:hover,
.product-card:hover,
.blog-card:hover {
  border-color: #c6b8a5 !important;
}

.prop-icon {
  color: #0f4c5c !important;
}

.prop-card::before,
.featured-card .featured-body::before {
  background: linear-gradient(135deg, #f5a623, #d98212) !important;
}

.section[style*="background: #fff"],
.section[style*="background:#fff"],
.section[style*="background: #f8f9fa"],
.section[style*="background:#f8f9fa"] {
  background: #faf8f4 !important;
}

section[style*="#0f4c3a"],
section[style*="#1b7a52"],
section[style*="background:#2e7d32"],
section[style*="background: #2e7d32"],
section[style*="rgb(15, 76, 58)"],
section[style*="rgb(27, 122, 82)"] {
  background: linear-gradient(135deg, #0f4c5c, #153d63) !important;
}

.cta-section {
  background: linear-gradient(135deg, #071a2d, #153d63) !important;
}

.blog-category,
span[style*="background:#2e7d32"],
span[style*="background: #2e7d32"] {
  background: #0f4c5c !important;
  color: #ffffff !important;
}

span[style*="background:#00695c"],
span[style*="background: #00695c"] {
  background: #153d63 !important;
}

span[style*="background:#1565c0"],
span[style*="background: #1565c0"] {
  background: #29546a !important;
}

span[style*="background:#7b1fa2"],
span[style*="background: #7b1fa2"] {
  background: #5b4b63 !important;
}

a[style*="color:#2e7d32"],
.text-link,
.related-card p,
.blog-card h3 a {
  color: #0a2540 !important;
}

article[style*="border: 2px solid #2e7d32"],
div[style*="border: 2px solid #2e7d32"] {
  border-color: #f5a623 !important;
}

.breadcrumb {
  background: #f1ece3 !important;
  border-bottom-color: #ded7ca !important;
}

.breadcrumb a {
  color: #0f4c5c !important;
}

.article-summary,
.faq-item,
.post-content table,
.spec-box,
.related-card {
  border-color: #ded7ca !important;
}

.article-summary {
  background: #f8f5ef !important;
}

.post-content a,
.article-summary a,
.faq-item a {
  color: #0f4c5c !important;
}

.faq-section {
  background: #f1ece3 !important;
}

/* Warm up the historical pale-blue / pale-green inline panels. */
[style*="background:#f0f7ff"],
[style*="background: #f0f7ff"],
[style*="background: rgb(240, 247, 255)"],
[style*="background:#eef5ff"],
[style*="background: #eef5ff"],
[style*="background: rgb(238, 245, 255)"] {
  background: #f8f5ef !important;
}

[style*="background:#e8f5e9"],
[style*="background: #e8f5e9"],
[style*="background: rgb(232, 245, 233)"],
[style*="background:#e0f2f1"],
[style*="background: #e0f2f1"],
[style*="background: rgb(224, 242, 241)"],
[style*="background:#f7faf7"],
[style*="background: #f7faf7"],
[style*="background: rgb(247, 250, 247)"] {
  background: #e7f0f1 !important;
}

[style*="background:#e3f2fd"],
[style*="background: #e3f2fd"],
[style*="background: rgb(227, 242, 253)"],
[style*="background:#f0f4f8"],
[style*="background: #f0f4f8"],
[style*="background: rgb(240, 244, 248)"] {
  background: #edf1f3 !important;
}

[style*="background:#fff8e1"],
[style*="background: #fff8e1"],
[style*="background: rgb(255, 248, 225)"],
[style*="background:#fff3e0"],
[style*="background: #fff3e0"],
[style*="background: rgb(255, 243, 224)"],
[style*="background:#fff3cd"],
[style*="background: #fff3cd"],
[style*="background: rgb(255, 243, 205)"] {
  background: #fff3df !important;
}

[style*="background:#fce4ec"],
[style*="background: #fce4ec"],
[style*="background: rgb(252, 228, 236)"],
[style*="background:#f3e5f5"],
[style*="background: #f3e5f5"],
[style*="background: rgb(243, 229, 245)"] {
  background: #f3eef0 !important;
}

[style*="background:#f9f9f9"],
[style*="background: #f9f9f9"],
[style*="background: rgb(249, 249, 249)"],
[style*="background:#f8f9fa"],
[style*="background: #f8f9fa"],
[style*="background: rgb(248, 249, 250)"],
[style*="background:#fafafa"],
[style*="background: #fafafa"],
[style*="background: rgb(250, 250, 250)"] {
  background: #f8f6f2 !important;
}

.blog-date,
.post-date,
.post-meta {
  color: #6e7782 !important;
}

.footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.12) !important;
}

.whatsapp-float {
  background-color: #1b7a52 !important;
}

.lang-menu a.active {
  color: #0a2540 !important;
  border-color: #f5a623 !important;
}