/* CSS Variables - Blue & White Palette */
/* Bricolage Grotesque and DM Sans are self-hosted; inc/performance.php inlines
   their @font-face block in the head. */

:root {
    /* Core Colors */
    --white: #ffffff;
    --bg: #FFFFFF;
    --bg-alt: #F2F8FE;
    --dark: #0f172a;
    --dark-alt: #1e293b;

    /* Text Colors */
    --text: #1F2937;
    --text-secondary: #4B5563;
    --text-muted: #9CA3AF;
    --border: #e2e8f0;

    /* Legacy --violet-* names, kept so older rules keep resolving.
       They point at the brand blue scale, not violet. */
    --violet-500: #fc6c34;
    --violet-600: #e85519;
    --violet-700: #c04412;

    /* Amber/Gold - Secondary Accent */
    --amber-400: #FBBF24;
    --amber-500: #F59E0B;

    /* Brand blue scale, derived from #fc6c34 */
    --blue-50: #F2F8FE;
    --blue-100: #ffe9df;
    --blue-500: #fc6c34;
    --blue-600: #e85519;
    --blue-700: #8f320c;

    /* Status Colors */
    --green-500: #22c55e;
    --green-100: #dcfce7;
    --orange-500: #f97316;
    --orange-100: #ffedd5;

    /* Shadows */
    --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 25px -5px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}