/* ===== Charcoal + Cream Redesign (v2) ===== */
:root {
  --cc-charcoal: #2a3433;
  --cc-charcoal-dark: #1b2322;
  --cc-charcoal-mid: #3a4645;
  --cc-cream: #fbf7ee;
  --cc-cream-soft: #f3ebd6;
  --cc-gold: #9a7b3a;
  --cc-gold-light: #b89654;
  --cc-text-on-dark: #f3ebd6;
  --cc-text-on-dark-soft: rgba(243,235,214,.8);
  --cc-text-on-light: #1b2322;
}

/* Variable overrides for .uv-root system */
.uv-root, body .uv-root, html body .uv-root {
  --uv-navy: #2a3433 !important;
  --uv-navy-dark: #1b2322 !important;
  --uv-navy-mid: #3a4645 !important;
  --uv-gold: #9a7b3a !important;
  --uv-gold-light: #b89654 !important;
  --uv-bg: #fbf7ee !important;
  --uv-bg-soft: #f3ebd6 !important;
  --uv-text: #1b2322 !important;
  --uv-text-on-dark: #f3ebd6 !important;
  --uv-text-on-dark-soft: rgba(243,235,214,.8) !important;
  color: #1b2322 !important;
}

/* Dark sections (hero, tools, contact) - charcoal instead of navy */
html body .uv-root .uv-hero,
html body .uv-root .uv-tools,
html body .uv-root .uv-contact,
html body .uv-root .uv-tool,
html body .uv-root section.uv-hero,
html body .uv-root section.uv-tools,
html body .uv-root section.uv-contact {
  background: #2a3433 !important;
  color: #f3ebd6 !important;
}

html body .uv-root .uv-hero {
  background:
    radial-gradient(circle at 20% 30%, rgba(70,83,79,.55) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(70,83,79,.5) 0%, transparent 50%),
    #2a3433 !important;
}

/* Light sections - cream instead of white/light blue */
html body .uv-root .uv-about,
html body .uv-root .uv-services,
html body .uv-root .uv-cases,
html body .uv-root .uv-news,
html body .uv-root .uv-team {
  background: #fbf7ee !important;
  color: #1b2322 !important;
}

html body .uv-root .uv-about-alt,
html body .uv-root .uv-services-alt {
  background: #f3ebd6 !important;
  color: #1b2322 !important;
}

/* Accent color (links, buttons, highlights) - gold instead of blue */
html body .uv-root .uv-btn-primary,
html body .uv-root .uv-cta,
html body .uv-root a.uv-cta {
  background: #9a7b3a !important;
  color: #fbf7ee !important;
  border-color: #9a7b3a !important;
}

html body .uv-root .uv-btn-primary:hover,
html body .uv-root .uv-cta:hover {
  background: #b89654 !important;
  border-color: #b89654 !important;
}

html body .uv-root a,
html body .uv-root .uv-accent,
html body .uv-root .uv-link {
  color: #9a7b3a !important;
}

html body .uv-root a:hover {
  color: #b89654 !important;
}

/* Headings - charcoal on light, cream on dark */
html body .uv-root .uv-hero h1,
html body .uv-root .uv-hero h2,
html body .uv-root .uv-tools h2,
html body .uv-root .uv-contact h2 {
  color: #f3ebd6 !important;
}

html body .uv-root .uv-about h2,
html body .uv-root .uv-services h2,
html body .uv-root .uv-cases h2 {
  color: #1b2322 !important;
}

/* Cards / tool tiles inside dark sections */
html body .uv-root .uv-tool {
  background: #3a4645 !important;
  border-color: rgba(243,235,214,.18) !important;
  color: #f3ebd6 !important;
}

/* Typography - serif family for headings */
html body .uv-root h1,
html body .uv-root h2,
html body .uv-root h3 {
  font-family: "EB Garamond", "Shippori Mincho B1", "Noto Serif JP", "Times New Roman", serif !important;
  letter-spacing: .01em !important;
}

/* Hero news label */
.uv-hero-news {
  border-top-color: rgba(220,210,185,.25) !important;
}

/* Selection */
::selection {
  background: #b89654;
  color: #1b2322;
}

/* Tag this as v2 so we can verify save */
.cc-v2-marker { display: none; }