/* Tokens de la marca OnePDA. Cargue este archivo antes de los estilos del producto. */
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fuentes/space-grotesk-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02FF, U+1E00-1EFF, U+2020-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fuentes/space-grotesk-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 600; font-display: swap; src: url("fuentes/fraunces-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02FF, U+1E00-1EFF, U+2020-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 600; font-display: swap; src: url("fuentes/fraunces-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root, [data-tema="claro"] {
  --op-fondo: oklch(0.955 0.022 85); --op-tarjeta: oklch(0.975 0.015 85); --op-texto-color: oklch(0.25 0.06 262);
  --op-primario: oklch(0.62 0.17 45); --op-texto-primario: oklch(0.18 0.05 262); --op-secundario: oklch(0.25 0.06 262);
  --op-apagado: oklch(0.91 0.03 82); --op-texto-apagado: oklch(0.45 0.04 262); --op-acento: oklch(0.84 0.15 88);
  --op-borde: oklch(0.25 0.06 262 / 18%); --op-peligro: oklch(0.55 0.22 27.325); --op-enlace: oklch(0.25 0.06 262); --op-foco: oklch(0.62 0.17 45);
  --op-sombra-papel: 0 1px 0 oklch(0.25 0.06 262 / 8%), 0 18px 40px -22px oklch(0.25 0.06 262 / 35%);
}
[data-tema="oscuro"] {
  --op-fondo: oklch(0.18 0.05 262); --op-tarjeta: oklch(0.23 0.05 262); --op-texto-color: oklch(0.95 0.02 85);
  --op-primario: oklch(0.78 0.15 45); --op-texto-primario: oklch(0.18 0.05 262); --op-secundario: oklch(0.95 0.02 85);
  --op-apagado: oklch(0.28 0.05 262); --op-texto-apagado: oklch(0.78 0.03 85); --op-acento: oklch(0.84 0.15 88);
  --op-borde: oklch(0.95 0.02 85 / 24%); --op-peligro: oklch(0.72 0.19 27); --op-enlace: oklch(0.84 0.15 88); --op-foco: oklch(0.78 0.15 45);
  --op-sombra-papel: 0 1px 0 oklch(0.95 0.02 85 / 8%), 0 18px 40px -22px oklch(0.05 0.02 262 / 70%);
}
@media (prefers-color-scheme: dark) { [data-tema="auto"] { --op-fondo: oklch(0.18 0.05 262); --op-tarjeta: oklch(0.23 0.05 262); --op-texto-color: oklch(0.95 0.02 85); --op-primario: oklch(0.78 0.15 45); --op-texto-primario: oklch(0.18 0.05 262); --op-secundario: oklch(0.95 0.02 85); --op-apagado: oklch(0.28 0.05 262); --op-texto-apagado: oklch(0.78 0.03 85); --op-acento: oklch(0.84 0.15 88); --op-borde: oklch(0.95 0.02 85 / 24%); --op-peligro: oklch(0.72 0.19 27); --op-enlace: oklch(0.84 0.15 88); --op-foco: oklch(0.78 0.15 45); --op-sombra-papel: 0 1px 0 oklch(0.95 0.02 85 / 8%); } }
:root { --op-fuente: "Space Grotesk", system-ui, sans-serif; --op-fuente-titulos: "Fraunces", Georgia, serif; --op-texto: 1.0625rem; --op-objetivo: 44px; --op-radio: 1.25rem; --op-radio-sm: calc(var(--op-radio) - .25rem); --op-radio-md: var(--op-radio); --op-radio-lg: calc(var(--op-radio) + .25rem); }
[data-texto="grande"] { --op-texto: 1.1875rem; }