/* Explain: Theme design tokens for the storm roofing contractor landing page */
:root {
    --primary-color: #B95738;
    --primary-hover: color-mix(in srgb, var(--primary-color) 84%, var(--charcoal-color));
    --secondary-color: #C9A27E;
    --accent-color: #FFF3E2;
    --champagne-color: #C9A27E;
    --warm-ivory: #FFF3E2;
    --soft-ivory: #FFF3E2;
    --charcoal-color: #2E3033;
    --blush-color: #C9A27E;
    --rose-gold-color: #B95738;
    --sage-color: #C9A27E;
    --background-color: #FFF3E2;
    --surface-color: #fffaf2;
    --text-color: #2E3033;
    --text-muted: color-mix(in srgb, var(--charcoal-color) 68%, var(--secondary-color));
    --border-color: color-mix(in srgb, var(--charcoal-color) 18%, transparent);
    --shadow-soft: 0 24px 70px color-mix(in srgb, var(--charcoal-color) 18%, transparent);
    --shadow-card: 0 18px 45px color-mix(in srgb, var(--charcoal-color) 14%, transparent);
    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Lato', sans-serif;
}