:root{
/* Núcleo de marca — valores exactos aprobados */
--vestea-violet:#8D02DE;
--vestea-lime:#81EB00;
--vestea-charcoal:#151515;
--vestea-warm-white:#F7F6F2;

/* Derivados de estado (oklch sobre el violeta aprobado) */
--violet-hover:oklch(0.585 0.286 305.5);
--violet-press:oklch(0.455 0.243 305.5);
--violet-soft:oklch(0.53 0.29 305.5 / 0.12);
--lime-hover:oklch(0.885 0.245 132.5);
--lime-press:oklch(0.78 0.24 132.5);
--charcoal-hover:oklch(0.28 0 0);

/* Tonos de tinta sobre blanco cálido */
--ink-100:#151515;
--ink-70:rgb(21 21 21 / .70);
--ink-55:rgb(21 21 21 / .55);
--ink-30:rgb(21 21 21 / .30);
--ink-20:rgb(21 21 21 / .20);
--ink-10:rgb(21 21 21 / .10);
--paper-70:rgb(247 246 242 / .70);
--paper-30:rgb(247 246 242 / .30);
--paper-15:rgb(247 246 242 / .15);

/* Semánticos */
--bg-base:var(--vestea-warm-white);
--bg-inverse:var(--vestea-charcoal);
--bg-brand:var(--vestea-violet);
--bg-accent:var(--vestea-lime);
--surface-card:var(--vestea-warm-white);
--surface-card-inverse:var(--vestea-charcoal);
--surface-card-brand:var(--vestea-violet);
--text-primary:var(--vestea-charcoal);
--text-secondary:var(--ink-70);
--text-on-dark:var(--vestea-warm-white);
--text-on-dark-soft:var(--paper-70);
--text-brand:var(--vestea-violet);
--text-accent:var(--vestea-lime);
--stroke-frame-light:var(--vestea-warm-white);
--stroke-frame-dark:var(--vestea-charcoal);
--stroke-hairline:var(--ink-20);
--link:var(--vestea-violet);
--link-hover:var(--violet-press);

/* Velos sobre foto — opacidades exactas usadas en las piezas aprobadas */
--scrim-12:rgb(21 21 21 / .12);
--scrim-22:rgb(21 21 21 / .22);
--scrim-28:rgb(21 21 21 / .28);
--scrim-48:rgb(21 21 21 / .48);
--scrim-62:rgb(21 21 21 / .62);
--scrim-74:rgb(141 2 222 / .74);
--scrim-82:rgb(21 21 21 / .82);
/* Gradiente de protección vertical (story sobre foto) */
--scrim-vertical:linear-gradient(180deg,rgb(21 21 21 / .70) 0%,rgb(21 21 21 / 0) 55%,rgb(21 21 21 / .82) 100%); /* @kind color */
}