:root{
/* --- Base palette (Manual sec. 03) --- */
--orange-talention:#FF8800; /* Pantone 151 C · RGB 255 136 0 · HSL 32 100% 50% */
--gris-corporativo:#373737; /* Pantone Black 7 C · CMYK 0 0 0 78 */
--blanco:#FFFFFF;

/* Orange ramp — derived from #FF8800 in oklch for states and tints only.
   Never use a ramp step where the manual asks for the brand orange. */
--orange-50:#FFF6EB;
--orange-100:#FFE8CC;
--orange-200:#FFD199;
--orange-300:#FFB459;
--orange-400:#FF9E29;
--orange-500:#FF8800;
--orange-600:#E67A00;
--orange-700:#C26700;
--orange-800:#8F4C00;

/* Grey ramp — anchored on #373737 */
--grey-0:#FFFFFF;
--grey-25:#FAFAFA;
--grey-50:#F5F5F5;
--grey-100:#EDEDED;
--grey-200:#DEDEDE;
--grey-300:#C4C4C4;
--grey-400:#9B9B9B;
--grey-500:#767676;
--grey-600:#575757;
--grey-700:#373737;
--grey-800:#2B2B2B;
--grey-900:#1F1F1F;

/* Semantic — kept to a minimum; the manual defines no status palette,
   so these are hue-shifted neighbours of the brand orange. */
--green-500:#2E7D5B;
--green-50:#EAF5F0;
--red-500:#C0392B;
--red-50:#FBEDEB;
--amber-500:#D99400;
--amber-50:#FDF6E7;

/* --- Semantic aliases --- */
--brand:var(--orange-talention);
--brand-hover:var(--orange-600);
--brand-active:var(--orange-700);
--brand-subtle:var(--orange-50);
--brand-contrast:var(--blanco);

--text-heading:var(--gris-corporativo);
--text-body:var(--grey-600);
--text-muted:var(--grey-500);
--text-inverse:var(--blanco);
--text-link:var(--orange-700);
--text-link-hover:var(--gris-corporativo);
--text-on-brand:var(--blanco);

--surface-page:var(--blanco);
--surface-raised:var(--blanco);
--surface-card:var(--blanco);
--surface-sunken:var(--grey-50);
--surface-tint:var(--orange-50);
--surface-inverse:var(--gris-corporativo);
--surface-brand:var(--orange-talention);
--surface-disabled:var(--grey-100);

--border-subtle:var(--grey-200);
--border-default:var(--grey-300);
--border-strong:var(--gris-corporativo);
--border-brand:var(--orange-talention);
--border-focus:var(--orange-talention);

--focus-ring:0 0 0 3px rgba(255,136,0,.35);

--status-ok:var(--green-500);--status-ok-bg:var(--green-50);
--status-warn:var(--amber-500);--status-warn-bg:var(--amber-50);
--status-error:var(--red-500);--status-error-bg:var(--red-50);
}

/* Dark / inverse scope — used for footers and negative sections.
   The manual only sanctions gris corporativo as the dark ground. */
.talention-inverse{
--text-heading:var(--blanco);
--text-body:var(--grey-200);
--text-muted:var(--grey-300);
--text-link:var(--orange-300);
--text-link-hover:var(--blanco);
--surface-page:var(--gris-corporativo);
--surface-card:var(--grey-800);
--surface-sunken:var(--grey-800);
--border-subtle:rgba(255,255,255,.14);
--border-default:rgba(255,255,255,.24);
--border-strong:var(--blanco);
}