/* colors */
:root{
/* Base — azul profundo (continuidad de marca) */
--navy-950:#12143D;--navy-900:#1C1F52;--navy-800:#262A66;--navy-700:#33387E;--navy-500:#4A50A0;--navy-200:#C9CCE6;--navy-100:#E7E9F5;--navy-50:#F4F5FB;
/* Acento — cian de marca */
--cyan-600:#0B72A8;--cyan-500:#1193D4;--cyan-400:#1BA3E1;--cyan-100:#D9F0FB;
/* Acento cálido — barro/cobre contemporáneo (uso puntual) */
--copper-600:#B84A12;--copper-500:#E05E17;--copper-100:#FBE6D9;
/* Neutros */
--gray-900:#1A1B26;--gray-700:#43455A;--gray-500:#6D6F84;--gray-300:#B8BAC9;--gray-200:#D8DAE4;--gray-100:#ECEDF3;--gray-50:#F7F8FA;--white:#FFFFFF;
/* Semánticos (AA sobre blanco) */
--success:#177A4C;--success-bg:#E1F4EA;--warning:#8F5A00;--warning-bg:#FBEFD8;--danger:#B3261E;--danger-bg:#FBE3E1;
/* Alias semánticos */
--text-strong:var(--navy-900);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-inverse:#FFFFFF;--text-link:var(--cyan-600);
--surface-page:#FFFFFF;--surface-alt:var(--navy-50);--surface-card:#FFFFFF;--surface-dark:var(--navy-950);--surface-dark-raised:var(--navy-900);
--border-subtle:var(--gray-200);--border-strong:var(--gray-300);--border-focus:var(--cyan-500);
--brand-primary:var(--navy-900);--brand-accent:var(--cyan-500);--brand-warm:var(--copper-500);
/* Submarca TopSEO (comunidad) — extraída del PNG del logo; usar SOLO en piezas TopSEO */
--topseo-purple-900:#3A1458;--topseo-purple-700:#4A1F71;--topseo-purple-500:#6C2E9C;--topseo-purple-100:#EDE4F6;--topseo-cyan:#29ABE2;--topseo-orange:#F7931E;--topseo-flame:#F15A24;--topseo-navy:#2B3170;
}

/* typography */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{
--font-display:'Archivo',system-ui,sans-serif;--font-body:'Archivo',system-ui,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace;
--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;
--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.55;
--tracking-tight:-0.02em;--tracking-normal:0;--tracking-caps:0.08em;
--display-stretch:112%;/* Archivo semi-expandida para titulares */
}

/* spacing */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:999px;
--container-max:1160px;--container-pad:24px;
}

/* effects */
:root{
--shadow-sm:0 1px 2px rgba(18,20,61,.08);--shadow-md:0 4px 12px rgba(18,20,61,.10);--shadow-lg:0 12px 32px rgba(18,20,61,.14);
--ring-focus:0 0 0 3px rgba(17,147,212,.35);
--ease-out:cubic-bezier(.2,.8,.2,1);/* @kind other */
--dur-fast:120ms;/* @kind other */
--dur-base:200ms;/* @kind other */
/* Retícula propietaria (Ruta A): módulos conectados */
--grid-line:rgba(28,31,82,.10);--grid-line-dark:rgba(255,255,255,.10);
}