/* ─────────────────────────────────────────────────────────────────────────
 * theme.css — Tema "carshow"
 * Base: DaisyUI "business" (dark, cuadrado, sin animaciones)
 * Brand override: rojo #f33232, ámbar, esmeralda
 *
 * Para tocar colores: editá SOLO el bloque "── Brand CarShow ──" abajo.
 * Para tocar shapes:  editá el bloque "── Shape ──".
 * Variables HSL: H S% L%  (sin "hsl()" ni comas)
 * ───────────────────────────────────────────────────────────────────────── */

[data-theme="carshow"] {
    color-scheme: dark;

    /* ── Brand CarShow ───────────────────────────────────────────────── */
    --p:  0 89% 57%;        /* rgb(243,50,50) — rojo CarShow */
    --pf: 0 80% 46%;
    --pc: 0 0% 100%;

    --s:  40 88% 56%;       /* ámbar cálido */
    --sf: 40 80% 44%;
    --sc: 28 50% 8%;

    --a:  169 97% 37%;      /* esmeralda (igual que business) */
    --af: 169 97% 27%;
    --ac: 0 0% 100%;

    /* ── Neutral (business) ──────────────────────────────────────────── */
    --n:  213 18% 20%;
    --nf: 213 18% 10%;
    --nc: 213 18% 65%;

    /* ── Fondos (business) ───────────────────────────────────────────── */
    --b1: 213 18% 20%;
    --b2: 213 18% 17%;
    --b3: 213 18% 14%;
    --bc: 213 18% 84%;

    /* ── Semantic (business) ─────────────────────────────────────────── */
    --in:  198 93% 60%;
    --inc: 198 93% 10%;
    --su:  158 64% 52%;
    --suc: 158 64% 10%;
    --wa:  43 96% 56%;
    --wac: 43 96% 10%;
    --er:  0 89% 57%;
    --erc: 0 0% 100%;

    /* ── Shape (business — cuadrado y sin animaciones) ───────────────── */
    --rounded-box:     0.25rem;
    --rounded-btn:     0.125rem;
    --rounded-badge:   0.125rem;
    --animation-btn:   0;
    --animation-input: 0;
    --btn-focus-scale: 1;
    --border-btn:      1px;
    --tab-border:      1px;
    --tab-radius:      0;
}

/* ── Base ────────────────────────────────────────────────────────────── */
body {
    background-color: hsl(var(--b1));
    color: hsl(var(--bc));
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ── Font-weight cap ─────────────────────────────────────────────────── */
[data-theme="carshow"] .font-black     { font-weight: 700; }
[data-theme="carshow"] .font-extrabold { font-weight: 700; }
[data-theme="carshow"] .btn            { font-weight: 600; }

/* ── Fix: Tailwind preflight resetea <button> — restaurar estilos DaisyUI */
[data-theme="carshow"] button {
    font-family: inherit;
    cursor: pointer;
}

/* ── Range/slider — fix para preflight:false ─────────────────────────── */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
}
input[type="range"]::-webkit-slider-runnable-track {
    height: 0.5rem;
    border-radius: 9999px;
    background: hsl(var(--bc) / 0.15);
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 9999px;
    margin-top: -0.375rem;
    background: hsl(var(--wa));
    box-shadow: calc(-100vmax - 0.5rem) 0 0 100vmax hsl(var(--wa) / 0.30);
    cursor: pointer;
}
input[type="range"]::-moz-range-track {
    height: 0.5rem;
    border-radius: 9999px;
    background: hsl(var(--bc) / 0.15);
}
input[type="range"]::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 9999px;
    border: none;
    background: hsl(var(--p));
}

/* ── Prevent zoom en iOS / Android ──────────────────────────────────── */
@supports (-webkit-touch-callout: none) {
    input, select, textarea { font-size: 16px !important; }
}
@media screen and (max-width: 767px) {
    input, select, textarea { font-size: 16px !important; }
}