/* ============================================================ Dion's Complete — theme tokens + minimal glue These custom properties were inline on in the original builder output; the whole Tailwind bundle keys off them (rgb(var(--primary-color)) etc.), so they must be global. ============================================================ */ :root { --primary-color: 18, 117, 177; --primary-contrast: 255, 255, 255; --primary-darker: 14, 93, 140; --primary-lighter: 22, 141, 214; --primary-foreground: var(--primary-lighter); --secondary-color: 204, 2, 2; --secondary-contrast: 255, 255, 255; --secondary-darker: 164, 2, 2; --secondary-lighter: 244, 2, 2; --roundedness: 8px; --derivative-color-50: 246, 247, 248; --derivative-color-100: 227, 231, 236; --derivative-color-200: 208, 214, 220; --derivative-color-400: 122, 141, 157; --derivative-color-500: 18, 117, 177; --derivative-color-700: 55, 64, 72; --derivative-color-900: 12, 25, 37; /* The original site left the font pairing unset — it rendered with the system sans stack. Keep that so the rebuild matches 1:1. */ --font-pairing-primary: ui-sans-serif; --font-pairing-secondary: ui-sans-serif; --marquee-duration: 50s; --marquee-gap: 1rem; } /* The Tailwind bundle ships its own preflight/reset; keep this tiny. */ #main-content { width: 100%; } img, video { max-width: 100%; height: auto; }