/*
 * Boxfox panel theme — upload to public/brand/theme.css on the Boxfox
 * deployment. Loaded by <x-brand-head/> AFTER the Vite build, so these
 * overrides win over the compiled Tailwind theme.
 *
 * Palette sampled from boxfox.pl: orange #e95207 (primary), teal #00656d
 * (secondary, the infoline bar), charcoal #131010 (logo letters). The
 * panels' accent utilities use the `blue` and `indigo` scales, so blue is
 * remapped to a Boxfox-orange scale and indigo to a Boxfox-teal scale. All
 * 50-950 stops are redefined so hover/dark variants stay inside the brand.
 * Greys and state colors (red/green/amber) are untouched.
 */
:root {
    /* blue -> Boxfox orange (600 = brand #e95207) */
    --color-blue-50: #fff5ee;
    --color-blue-100: #ffe8d9;
    --color-blue-200: #ffceb0;
    --color-blue-300: #ffab7d;
    --color-blue-400: #fd8347;
    --color-blue-500: #f5691d;
    --color-blue-600: #e95207;
    --color-blue-700: #c14206;
    --color-blue-800: #99350a;
    --color-blue-900: #7c2d0c;
    --color-blue-950: #431505;

    /* indigo -> Boxfox teal (700 = brand #00656d) */
    --color-indigo-50: #eefbfb;
    --color-indigo-100: #d4f3f4;
    --color-indigo-200: #aee7e9;
    --color-indigo-300: #77d3d8;
    --color-indigo-400: #3fb6be;
    --color-indigo-500: #2399a3;
    --color-indigo-600: #1a7e8a;
    --color-indigo-700: #00656d;
    --color-indigo-800: #155258;
    --color-indigo-900: #16454b;
    --color-indigo-950: #072b30;
}

/*
 * Primary buttons (<x-buttons.primary> / <x-primary-button>) are Breeze-style
 * charcoal (bg-gray-800 + gray hover/focus/active states). Repaint ONLY those
 * buttons orange — scoping to button/a elements keeps every other gray-800
 * usage (body text, badges) untouched. The element+class(+pseudo) selectors
 * out-specify Tailwind's single-class utilities.
 */
button.bg-gray-800,
a.bg-gray-800 {
    background-color: #e95207;
}

button.bg-gray-800:hover,
a.bg-gray-800:hover,
button.bg-gray-800:focus,
a.bg-gray-800:focus {
    background-color: #f5691d;
}

button.bg-gray-800:active,
a.bg-gray-800:active {
    background-color: #c14206;
}