/*
Theme Name: PlumbWise
Theme URI: https://plumbwise.example
Author: PlumbWise Team
Author URI: https://plumbwise.example
Description: Expert plumbing reviews, comparisons, and deals with the Workshop Comfort design system.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: plumbwise
Tags: plumbing, reviews, affiliate, responsive
*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root {
  --color-primary: #D97706;
  --color-primary-dark: #B45309;
  --color-secondary: #92400E;
  --color-accent: #3B82F6;
  --color-accent-dark: #2563EB;
  --color-background: #FFFBEB;
  --color-surface: #FFFFFF;
  --color-border: #E7E5E4;
  --color-muted: #78716C;
  --color-danger: #DC2626;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-foreground: #292524;
  --color-dark: #292524;
  --color-light: #FFFBEB;
  --gradient-signature: linear-gradient(135deg, #D97706 0%, #92400E 100%);
  --gradient-radial-hero: radial-gradient(circle at 10% 20%, rgba(217, 119, 6, 0.15), transparent 40%),
                          radial-gradient(circle at 90% 80%, rgba(59, 130, 246, 0.15), transparent 40%);
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-card-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  --radius: 16px;
  --transition: 150ms ease-out;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-foreground);
  background-color: var(--color-background);
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  line-height: 1.2;
  margin: 0 0 0.5em;
  color: var(--color-foreground);
}
p {
  margin: 0 0 1rem;
}
a {
  color: var(--color-accent);
  text-decoration: none;
}
a:hover {
  color: var(--color-accent-dark);
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
button,
input,
select,
textarea {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}