/* Blend UI — Shadcn tokens (MDL Garage red) + legacy bridge for style.css */
:root {
    /* Shadcn HSL components */
    --background: 0 0% 100%;
    --foreground: 20 14.3% 4.1%;
    --card: 0 0% 100%;
    --card-foreground: 20 14.3% 4.1%;
    --popover: 0 0% 100%;
    --popover-foreground: 20 14.3% 4.1%;
    --primary-hsl: 0 72.2% 50.6%;
    --primary-foreground: 0 0% 100%;
    --secondary: 0 40% 96.1%;
    --secondary-foreground: 20 14.3% 4.1%;
    --muted: 0 40% 96.1%;
    --muted-foreground: 25 5.3% 44.7%;
    --accent-token: 0 40% 96.1%;
    --accent-foreground: 20 14.3% 4.1%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 100%;
    --border: 20 5.9% 90%;
    --input: 20 5.9% 90%;
    --ring: 0 72.2% 50.6%;
    --radius: 0.75rem;
    --sidebar-background: 0 40% 98%;
    --sidebar-foreground: 20 14.3% 4.1%;
    --sidebar-primary: 0 72.2% 50.6%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 0 40% 96.1%;
    --sidebar-accent-foreground: 20 14.3% 4.1%;
    --sidebar-border: 20 5.9% 90%;
    --sidebar-ring: 0 72.2% 50.6%;
    --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);

    /* Legacy aliases (style.css) */
    --primary: #DC2626;
    --primary-dark: #991B1B;
    --primary-light: #EF4444;
    --accent: #DC2626;
    --accent-hover: #B91C1C;
    --accent-glow: rgba(220, 38, 38, 0.45);
    --success: #16A34A;
    --danger: #DC2626;
    --warning: #EA580C;
    --dark: #1C1917;
    --gray-900: #292524;
    --gray-700: #57534E;
    --gray-500: #78716C;
    --gray-300: #D6D3D1;
    --gray-100: #FEF2F2;
    --white: #FFFFFF;
    --gradient-primary: linear-gradient(135deg, #7F1D1D 0%, #DC2626 50%, #EF4444 100%);
    --gradient-accent: linear-gradient(135deg, #B91C1C 0%, #EF4444 50%, #DC2626 100%);
    --gradient-hero: linear-gradient(165deg, #FEF2F2 0%, #FEE2E2 45%, #FFF5F5 85%, #FFFFFF 100%);
    --bg-dark: #FEF2F2;
    --shadow-sm: 0 2px 8px rgba(220, 38, 38, 0.08);
    --shadow-md: 0 8px 28px rgba(220, 38, 38, 0.12);
    --shadow-lg: 0 16px 44px rgba(220, 38, 38, 0.15);
    --shadow-xl: 0 24px 60px rgba(220, 38, 38, 0.18);
    --shadow-glow: 0 0 40px var(--accent-glow);
    --radius-sm: calc(var(--radius) - 2px);
    --radius-md: var(--radius);
    --radius-lg: calc(var(--radius) + 6px);
    --radius-xl: calc(var(--radius) + 14px);
    --transition: all 0.35s var(--ease-smooth);
    --transition-fast: all 0.2s var(--ease-smooth);
    --font-main: 'Poppins', system-ui, -apple-system, sans-serif;
    --font-body: 'Open Sans', system-ui, -apple-system, sans-serif;
}