:root{
/* Rojo Filoso — sampled from the logo band (#FF4134) */
--red-50:#FFF1EF;--red-100:#FFDDD8;--red-200:#FFB9B1;--red-300:#FF8C80;--red-400:#FF6457;--red-500:#FF4134;--red-600:#E02A1E;--red-700:#B81E15;--red-800:#8E1912;--red-900:#5E120D;
/* Morado Molino — sampled from the logo lettering & wheat (#452A6B) */
--purple-50:#F4F0F9;--purple-100:#E6DDF1;--purple-200:#CBB9E1;--purple-300:#A58BC8;--purple-400:#7B5CA6;--purple-500:#5A3D85;--purple-600:#452A6B;--purple-700:#362155;--purple-800:#281841;--purple-900:#1E1529;
/* Harina — warm flour neutrals */
--flour-0:#FFFFFF;--flour-50:#FBF7F0;--flour-100:#F5EEE2;--flour-200:#EADFCC;--flour-300:#D9CBB3;--flour-400:#B5A58C;--flour-500:#8C7E69;--flour-600:#6A5F50;--flour-700:#4A4239;--flour-800:#2E2925;--flour-900:#1A1715;
/* Trigo / corteza — crust & wheat accent (sparingly) */
--wheat-100:#FBEFD3;--wheat-300:#F0D08C;--wheat-500:#D9A441;--wheat-700:#9C6E1B;
/* Semantic base */
--green-100:#E1F0E6;--green-600:#2F7D4F;--green-700:#24623D;

/* Brand aliases */
--brand-red:var(--red-500);--brand-purple:var(--purple-600);--brand-cream:var(--flour-50);
/* Surfaces */
--bg-page:var(--flour-50);--surface-card:var(--flour-0);--surface-sunken:var(--flour-100);--surface-muted:var(--flour-200);
--surface-brand:var(--red-600);--surface-brand-soft:var(--red-50);--surface-inverse:var(--purple-900);--surface-accent:var(--purple-600);--surface-wheat:var(--wheat-100);
/* Text */
--text-strong:var(--purple-900);--text-body:var(--flour-700);--text-muted:var(--flour-600);--text-subtle:var(--flour-500);
--text-on-brand:#FFFFFF;--text-on-inverse:var(--flour-50);--text-on-inverse-muted:var(--purple-200);--text-accent:var(--red-600);--text-link:var(--purple-600);--text-link-hover:var(--red-600);
/* Borders */
--border-subtle:var(--flour-200);--border-default:var(--flour-300);--border-strong:var(--purple-900);--border-inverse:rgba(255,255,255,.14);
/* Interactive */
--action-primary:var(--red-600);--action-primary-hover:var(--red-700);--action-primary-active:var(--red-800);
--action-secondary:var(--purple-600);--action-secondary-hover:var(--purple-700);
--focus-ring:var(--purple-400);
/* Status */
--status-success:var(--green-600);--status-success-bg:var(--green-100);
--status-warning:var(--wheat-700);--status-warning-bg:var(--wheat-100);
--status-danger:var(--red-700);--status-danger-bg:var(--red-50);
--status-info:var(--purple-500);--status-info-bg:var(--purple-50);
}