/**
* Laboratorio Paseos brand theme.
*
* Overrides the CSS custom properties set by src/index.css so the primary
* interactive surfaces (CTA buttons, LocationsBlock tint, focus rings,
* brand-accent wordmark suffix) render in Paseos's violeta + amarillo
* palette instead of SMX blue.
*
* Loaded via `` at the
* end of index.html . Cascade order (last-declared-wins for equal-
* specificity :root rules) means these override the SMX defaults without
* !important. Every brand ships its own brand-theme.css from its
* `brands//` publicDir; SMX ships an empty file so the never
* 404s.
*
* PALETTE (client-supplied 2026-09-15, and the palette the shipped logo
* assets already use):
*
* violeta #461d68 oklch(0.332 0.126 306) primary
* amarillo #c2a066 oklch(0.723 0.086 80) accent
* blanco #fcfbfb oklch(0.989 0.001 17) page ground
* gris #d9d9d9 oklch(0.885 0 90) rules / muted surfaces
*
* This REPLACED a navy #1E2036 + orange #ea492e pair taken from
* laboratoriopaseos.com in July 2026. That navy is the Wix template's
* chrome color and the orange was a Wix slider-widget default — neither
* is a Paseos brand color. Do not reinstate them from the website CSS.
*
* Contrast, measured, sRGB:
* white on violeta 12.43:1 (CTA label, AAA)
* amarillo on violeta 5.20:1 (accent on the dark panel, AA)
* white on amarillo 2.39:1 FAILS — never put white text on the
* accent. It is a wordmark and ornament
* color, not a button color.
*/
:root {
/* Primary — CTA buttons, LocationsBlock card tint + borders, tel/mail
button icons, focus rings. Paseos violeta #461d68. */
--primary: oklch(0.332 0.126 306);
--primary-foreground: oklch(0.985 0.002 306);
/* Brand accent — Paseos amarillo. The wordmark suffix ("Paseos" in
"Laboratorio Paseos") and decorative accent surfaces.
--brand-accent-text is darkened to oklch(0.55) so accent-colored TEXT
clears 4.5:1 on the white page ground; the raw #c2a066 measures
2.39:1 and is legal only as a large ornament or on violeta. */
--brand-accent: oklch(0.723 0.086 80);
--brand-accent-text: oklch(0.55 0.088 80);
/* Brand panel — the deep violeta background of the desktop login
panel. Same as --primary: the Paseos brand IS this violet. */
--brand-panel: oklch(0.332 0.126 306);
/* Ring — focus ring. Lighter than --primary so it reads as a focus
indicator against the CTA button's own violeta. */
--ring: oklch(0.46 0.13 306);
}
.dark {
/* Dark mode: raise the primary's lightness so violeta CTAs stay legible
on dark backgrounds, and keep the amarillo accent near its brand
chroma — gold handles dark grounds without tuning. */
--primary: oklch(0.70 0.115 306);
--primary-foreground: oklch(0.20 0.05 306);
--brand-accent: oklch(0.78 0.09 80);
--brand-accent-text: oklch(0.78 0.09 80);
--brand-panel: oklch(0.28 0.10 306);
--ring: oklch(0.60 0.12 306);
}