/* Don Félix — color tokens
   Brand values sampled from the official logo PNG:
   azul óvalo #2F71AB · plata bisel #CED1CB */
:root{
/* Azul Don Félix (brand) */
--df-azul-50:#EEF3F9;--df-azul-100:#D6E3F0;--df-azul-200:#ADC7E1;--df-azul-300:#7FA6CD;--df-azul-400:#5089BD;
--df-azul-500:#2F71AB;--df-azul-600:#255C8D;--df-azul-700:#1C476E;--df-azul-800:#143351;--df-azul-900:#0D2136;--df-azul-950:#08131F;
/* Plata (metallic bevel of the logo) */
--df-plata-50:#F6F7F5;--df-plata-100:#ECEEEA;--df-plata-200:#DDE0DA;--df-plata-300:#CED1CB;--df-plata-400:#B3B7B0;
--df-plata-500:#979B94;--df-plata-600:#767A73;--df-plata-700:#5A5E58;--df-plata-800:#3E413D;--df-plata-900:#252724;
/* Papeles y tinta */
--df-blanco:#FFFFFF;--df-marfil:#FBFAF7;--df-lino:#F3F0E8;--df-lino-oscuro:#E7E2D6;--df-tinta:#131A23;
/* Semánticos — tonos de sastrería: verde botella, oro viejo, granate */
--df-verde-500:#3F7D5A;--df-verde-50:#EAF3EE;
--df-oro-500:#A87B26;--df-oro-50:#F7F0E1;
--df-granate-500:#A23B3B;--df-granate-50:#F7E9E8;
/* Metálico — gradient used ONLY to echo the logo bevel (rings, dividers) */
--df-gradiente-plata:linear-gradient(135deg,#F2F3F0 0%,#C6C9C3 38%,#9A9E97 52%,#DADDD7 70%,#B3B7B0 100%); /* @kind color */

/* ---- Semantic aliases ---- */
--surface-page:var(--df-marfil);
--surface-alt:var(--df-lino);
--surface-card:var(--df-blanco);
--surface-sunken:var(--df-plata-100);
--surface-brand:var(--df-azul-500);
--surface-inverse:var(--df-azul-900);
--surface-inverse-deep:var(--df-azul-950);
--surface-overlay:rgba(8,19,31,.62);

--text-strong:var(--df-tinta);
--text-body:#39424D;
--text-muted:#5E6670;
--text-subtle:var(--df-plata-600);
--text-brand:var(--df-azul-600);
--text-inverse:#FFFFFF;
--text-inverse-muted:var(--df-plata-300);
--text-on-brand:#FFFFFF;

--border-hairline:var(--df-plata-200);
--border-default:var(--df-plata-300);
--border-strong:var(--df-plata-500);
--border-brand:var(--df-azul-500);
--border-inverse:rgba(206,209,203,.28);

--action-primary:var(--df-azul-500);
--action-primary-hover:var(--df-azul-600);
--action-primary-active:var(--df-azul-700);
--action-dark:var(--df-azul-900);
--action-dark-hover:var(--df-azul-800);
--action-ghost-hover:var(--df-azul-50);

--focus-ring:0 0 0 3px rgba(47,113,171,.35);

--status-success:var(--df-verde-500);--status-success-bg:var(--df-verde-50);
--status-warning:var(--df-oro-500);--status-warning-bg:var(--df-oro-50);
--status-danger:var(--df-granate-500);--status-danger-bg:var(--df-granate-50);
--status-info:var(--df-azul-500);--status-info-bg:var(--df-azul-50);
}