:root {
    --color-primary: #e51b23;
    --color-primary-dark: #bd1118;
    --color-primary-soft: #fff0f1;
    --color-whatsapp: #0b7a34;
    --color-whatsapp-dark: #075f29;
    --color-text: #171717;
    --color-muted: #656565;
    --color-surface: #ffffff;
    --color-surface-hover: #f5f5f7;
    --color-background: #fafafa;
    --color-border: #e8e8e8;
    --color-border-input: #d9d9d9;
    --color-footer: #202022;
    --header-bg: #ffffff;
    --header-border: rgb(0 0 0 / 7%);
    --quickinfo-bg: #ffffff;
    --radius-sm: 0.45rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-pill: 999px;
    --shadow-card: 0 0.6rem 2rem rgb(0 0 0 / 9%);
    --shadow-small: 0 0.25rem 0.9rem rgb(0 0 0 / 8%);
    --container-width: 78rem;
    --header-height: 5rem;
    --whatsapp-fab-size: 5rem;
    --whatsapp-fab-offset: 1.25rem;
    --back-to-top-size: 2.7rem;
    --transition: 180ms ease;
}

[data-theme='dark'] {
    --color-primary: #f03d44;
    --color-primary-dark: #d62027;
    --color-primary-soft: rgb(240 61 68 / 15%);
    --color-whatsapp: #109140;
    --color-whatsapp-dark: #0c7533;
    --color-text: #f3f4f6;
    --color-muted: #9ca3af;
    --color-surface: #181b21;
    --color-surface-hover: #222630;
    --color-background: #0f1115;
    --color-border: #282c35;
    --color-border-input: #373d49;
    --color-footer: #0a0b0e;
    --header-bg: #121419;
    --header-border: rgb(255 255 255 / 8%);
    --quickinfo-bg: #181b21;
    --shadow-card: 0 0.6rem 2rem rgb(0 0 0 / 50%);
    --shadow-small: 0 0.25rem 0.9rem rgb(0 0 0 / 35%);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
        --color-primary: #f03d44;
        --color-primary-dark: #d62027;
        --color-primary-soft: rgb(240 61 68 / 15%);
        --color-whatsapp: #109140;
        --color-whatsapp-dark: #0c7533;
        --color-text: #f3f4f6;
        --color-muted: #9ca3af;
        --color-surface: #181b21;
        --color-surface-hover: #222630;
        --color-background: #0f1115;
        --color-border: #282c35;
        --color-border-input: #373d49;
        --color-footer: #0a0b0e;
        --header-bg: #121419;
        --header-border: rgb(255 255 255 / 8%);
        --quickinfo-bg: #181b21;
        --shadow-card: 0 0.6rem 2rem rgb(0 0 0 / 50%);
        --shadow-small: 0 0.25rem 0.9rem rgb(0 0 0 / 35%);
    }
}