:root {
    --dv-primary: #FF3B00;
    --dv-primary-dark: #D03000;
    --dv-accent: #25D366;
    --dv-accent-dark: #1ebe5d;
    --dv-secondary: #2E2E2E;
    --dv-text: #222;
    --dv-text-muted: #6B6B6B;
    --dv-bg: #fff;
    --dv-bg-light: #F7F7F7;
    --dv-border: #E4E4E7;

    --dv-radius-sm: 4px;
    --dv-radius: 8px;
    --dv-radius-lg: 16px;

    --dv-shadow-sm: 0 1px 3px rgba(0,0,0,.08);
    --dv-shadow-md: 0 4px 12px rgba(0,0,0,.1);
    --dv-shadow-lg: 0 10px 30px rgba(0,0,0,.15);

    --dv-space-1: .25rem;
    --dv-space-2: .5rem;
    --dv-space-3: .75rem;
    --dv-space-4: 1rem;
    --dv-space-5: 1.5rem;
    --dv-space-6: 2rem;
    --dv-space-8: 3rem;
    --dv-space-10: 4rem;

    --dv-container-max: 1280px;
    --dv-container-pad: 1rem;

    --dv-transition: 200ms ease-in-out;

    --dv-font-body: 'Montserrat', system-ui, -apple-system, sans-serif;
    --dv-font-display: 'Prata', Georgia, serif;
    --dv-font-secondary: 'Nunito', system-ui, sans-serif;
}

@media (min-width: 768px)  { :root { --dv-container-pad: 1.5rem; } }
@media (min-width: 1280px) { :root { --dv-container-pad: 2rem; } }