/*
 * Fallbacks for older browsers (Chrome/Edge 99-110, Safari 15.4-16.1, Firefox 97-112)
 * that support @layer but not oklab/oklch color syntax.
 *
 * site.css (Tailwind v4) compiles bg-gradient-to-* as
 * "--tw-gradient-position: to right in oklab", which those browsers reject,
 * dropping the whole gradient and leaving white text invisible on white
 * (e.g. the cart "Proceed to Checkout" button). It also defines the default
 * palette (--color-gray-800 etc.) in oklch() with no fallback.
 *
 * Rules here are intentionally NOT inside @layer: un-layered CSS wins over
 * layered CSS, and each block is guarded so modern browsers ignore it.
 * Load this file AFTER site.css. Keep it if site.css is regenerated.
 */

/* Gradient direction without oklab interpolation */
@supports not (background-image: linear-gradient(in oklab, red, red)) {
    .bg-gradient-to-t  { --tw-gradient-position: to top; }
    .bg-gradient-to-tr { --tw-gradient-position: to top right; }
    .bg-gradient-to-r  { --tw-gradient-position: to right; }
    .bg-gradient-to-br { --tw-gradient-position: to bottom right; }
    .bg-gradient-to-b  { --tw-gradient-position: to bottom; }

    @media (min-width: 48rem) {
        .md\:bg-gradient-to-r { --tw-gradient-position: to right; }
    }
    @media (min-width: 64rem) {
        .lg\:bg-gradient-to-r { --tw-gradient-position: to right; }
    }
}

/* Hex equivalents of the oklch() palette in site.css */
@supports not (color: oklch(50% 0 0)) {
    :root, :host {
        --color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffc9c9;--color-red-300:#ffa2a2;--color-red-400:#ff6467;--color-red-500:#fb2c36;--color-red-600:#e7000b;
        --color-orange-50:#fff7ed;--color-orange-100:#ffedd4;--color-orange-400:#ff8904;--color-orange-500:#ff6900;--color-orange-600:#f54900;
        --color-amber-50:#fffbeb;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-400:#ffb900;--color-amber-500:#fe9a00;--color-amber-600:#e17100;--color-amber-700:#bb4d00;
        --color-yellow-50:#fefce8;--color-yellow-100:#fef9c2;--color-yellow-300:#ffdf20;--color-yellow-400:#fdc700;--color-yellow-500:#f0b100;
        --color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-400:#05df72;--color-green-500:#00c950;--color-green-600:#00a63e;--color-green-700:#008236;--color-green-800:#016630;--color-green-900:#0d542b;
        --color-emerald-50:#ecfdf5;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-500:#00bc7d;--color-emerald-600:#009966;--color-emerald-700:#007a55;--color-emerald-800:#006045;--color-emerald-900:#004f3b;
        --color-teal-50:#f0fdfa;--color-teal-400:#00d5be;--color-teal-500:#00bba7;--color-teal-600:#009689;
        --color-cyan-50:#ecfeff;--color-cyan-100:#cefafe;--color-cyan-200:#a2f4fd;--color-cyan-300:#53eafd;--color-cyan-500:#00b8db;
        --color-sky-50:#f0f9ff;--color-sky-100:#dff2fe;--color-sky-200:#b8e6fe;--color-sky-400:#00bcff;
        --color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-300:#8ec5ff;--color-blue-400:#51a2ff;--color-blue-500:#2b7fff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-900:#1c398e;
        --color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-400:#7c86ff;--color-indigo-500:#615fff;--color-indigo-600:#4f39f6;--color-indigo-700:#432dd7;
        --color-violet-400:#a684ff;
        --color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d4ff;--color-purple-300:#dab2ff;--color-purple-400:#c27aff;--color-purple-500:#ad46ff;--color-purple-700:#8200db;
        --color-fuchsia-500:#e12afb;
        --color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-200:#fccee8;--color-pink-300:#fda5d5;--color-pink-400:#fb64b6;--color-pink-500:#f6339a;
        --color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-400:#ff637e;--color-rose-500:#ff2056;
        --color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;
        --color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-gray-950:#030712;
        --color-zinc-200:#e4e4e7;
    }
}