/* Explain: Brand color and typography tokens. - */
:root {
    --primary-color: #E53935;
    --primary-hover: #D32F2F;
    --secondary-color: #111111;
    --background-color: #000000;
    --surface-color: #1A1A1A;
    --surface-strong: #222222;
    --text-color: #FFFFFF;
    --text-muted: #BBBBBB;
    --border-color: #333333;
    --white-color: #FFFFFF;
    --success-color: #15803D;
    --error-color: #B91C1C;
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.5);
    --shadow-card: 0 5px 15px rgba(229, 57, 53, 0.1);
    --radius-lg: 1.5rem;
    --radius-md: 1rem;
    --font-heading: 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;
}