/* Fallback Design System */
:root {
    --color-primary: #1a365d;
    --color-accent: #3182ce;
    --color-text: #ffffff;
    --color-background: #0f172a;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Open Sans', sans-serif;
}

body { 
    background-color: var(--color-background) !important;
    color: var(--color-text) !important;
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-accent) !important;
    font-family: var(--font-heading);
}

.bg-gray-800 {
    background-color: color-mix(in srgb, var(--color-primary) 85%, black 15%) !important;
}

.bg-blue-500 {
    background-color: var(--color-accent) !important;
}

.text-blue-400 {
    color: var(--color-accent) !important;
}