:root {
    --accent-color: #ad2428;
    --accent-light: color-mix(in srgb, var(--accent-color), transparent 85%);
    --accent-dark: color-mix(in srgb, var(--accent-color), black 15%);
    --bg-soft: #f8fafc;
    --header-height: 60px;
    --dock-height: 65px;
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
}

.bg-main {
    background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-dark) 100%);
    color: white;
}