:root {
    --aloha-red: #e30613;
    --aloha-red-hover: #c00510;
    --aloha-red-soft: rgba(227, 6, 19, 0.12);
    --aloha-dark: #0f0f0f;
    --aloha-dark-soft: #1a1a1a;
    --aloha-surface: #f4f6f8;
    --aloha-surface-elevated: #ffffff;
    --aloha-text: #1e293b;
    --aloha-text-muted: #64748b;
    --aloha-border: #e2e8f0;

    --primary-red: var(--aloha-red);
    --iron-red: var(--aloha-red);
    --event-red: var(--aloha-red);
    --dark-blue: var(--aloha-text);
    --slate-400: var(--aloha-text-muted);
    --slate-50: var(--aloha-surface);
    --ironman-red: var(--aloha-red);
    --ironman-dark: var(--aloha-dark);

    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Inter', 'Roboto', sans-serif;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-pill: 50px;

    --shadow-sm: 0 4px 14px rgba(15, 15, 15, 0.06);
    --shadow-md: 0 10px 32px rgba(15, 15, 15, 0.08);
    --shadow-lg: 0 24px 56px rgba(15, 15, 15, 0.12);

    --header-height: 72px;
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}