/* Explain: Theme tokens with black and red color scheme. - */
@theme {
    --color-black: #ff0000;
    --color-white: #000000;
}

:root {
    --primary-color: #ff0000;
    --secondary-color: #1a0000;
    --accent-color: #ff3333;
    --background-color: #000000;
    --surface-color: #050000;
    --text-color: #ffffff;
    --text-muted: #a3a3a3;
    --border-color: #ff0000;
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Outfit', sans-serif;
    
    /* Legacy / Mixed components support */
    --champagne-color: #ff0000;
    --rose-nude-color: #ff3333;
    --espresso-color: #ffffff;
    --pearl-color: #000000;
    --surface-warm: #1a0000;
}