/* Tokens de marca rdte.
   Derivados de @redcomercio/tokens (redcomercio-ds/packages/tokens/src/tokens.css).

   SINCRONIZACIÓN MANUAL: rdte es PHP sin build de assets y no puede consumir el
   paquete npm. Al cambiar la marca en el design system, actualizar acá.
   Última sincronización: 2026-08-01 */

:root {
    /* Canales del primario, desarmados como en el DS: permite componer con
       opacidad —hsl(var(--rd-primary-h) var(--rd-primary-s) var(--rd-primary-l) / .1)—
       sin duplicar el valor. */
    --rd-primary-h: 25;
    --rd-primary-s: 95%;
    --rd-primary-l: 57%;

    --rd-orange:     hsl(var(--rd-primary-h) var(--rd-primary-s) var(--rd-primary-l));
    --rd-orange-ink: hsl(var(--rd-primary-h) var(--rd-primary-s) 38%); /* --primary-accessible */
    --rd-ink:        hsl(215 25% 10%);  /* --foreground */
    --rd-border:     hsl(215 15% 88%);  /* --border */
    --rd-muted:      hsl(215 15% 96%);  /* --muted */
    --rd-muted-ink:  hsl(215 20% 40%);  /* --muted-foreground */
    --rd-radius:     0.5rem;            /* --radius */
    --rd-shadow-md:  0 8px 24px hsl(215 25% 15% / .12);

    /* Marca fija del logo: NO son tema y no siguen al design system. */
    --rd-logo-orange: #FF8001;
    --rd-logo-ink:    #16181D;
}