:root, [data-theme="dark"] {
  color-scheme: dark;
  /* Marca (extraídos del logo) */
  --ms-morado: #7D57AF;
  --ms-morado-profundo: #623F95;
  --ms-lavanda: #9D75CD;
  --ms-morado-tinta: #483168;
  --ms-plata: #B9B8BA;
  --ms-plata-media: #9E9E9E;
  --ms-plata-oscura: #828283;
  --ms-plata-clara: #D9D8DE;
  --ms-eclipse: #0E0B14;
  --ms-obsidiana: #16121F;
  --ms-umbra: #1F1A2B;
  --ms-borde: #2E2740;
  --ms-bruma: #A39DB5;
  --ms-luz: #ECEAF2;
  --ms-papel: #F6F5F9;
  --ms-tinta: #1A1524;
  --ms-exito: #3FCB8E;
  --ms-alerta: #F2B33D;
  --ms-error: #F2555A;
  /* Escala morado */
  --ms-morado-50: #F4F0FA;
  --ms-morado-100: #E6DDF4;
  --ms-morado-200: #CDBBE8;
  --ms-morado-300: #B399DB;
  --ms-morado-400: #9D75CD;
  --ms-morado-500: #7D57AF;
  --ms-morado-600: #623F95;
  --ms-morado-700: #4F3279;
  --ms-morado-800: #3C265C;
  --ms-morado-900: #291A40;
  --ms-morado-950: #1A1029;
  /* Categorías newsletter */
  --ms-cat-ciberseguridad: #9D75CD;
  --ms-cat-ia: #6F8BFF;
  --ms-cat-ciencia: #A8D86E;
  --ms-cat-espacio: #C9C8D6;
  --ms-cat-tecnologia: #5BB8F0;
  --ms-cat-arte-inmersivo: #E07BD6;
  /* Tipografía */
  --ms-font-display: 'Sora', system-ui, sans-serif;
  --ms-font-body: 'DM Sans', system-ui, sans-serif;
  --ms-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --ms-text-xs: 0.75rem; --ms-text-sm: 0.875rem; --ms-text-md: 1rem; --ms-text-lg: 1.25rem;
  --ms-text-xl: 1.75rem; --ms-text-2xl: 2.5rem; --ms-text-3xl: 3.5rem;
  --ms-leading-tight: 1.15; --ms-leading-body: 1.6;
  /* Radios y espaciado (base 4/8) */
  --ms-radius-xs: 4px;
  --ms-radius-sm: 8px;
  --ms-radius-md: 12px;
  --ms-radius-lg: 20px;
  --ms-radius-pill: 999px;
  --ms-space-1: 4px;
  --ms-space-2: 8px;
  --ms-space-3: 12px;
  --ms-space-4: 16px;
  --ms-space-5: 24px;
  --ms-space-6: 32px;
  --ms-space-7: 48px;
  --ms-space-8: 64px;
  --ms-space-9: 96px;
  --ms-space-10: 128px;
  --ms-shadow-glow: 0 0 0 1px #2E2740, 0 8px 32px rgba(125,87,175,.25);
  /* Semánticos – modo oscuro (por defecto) */
  --ms-bg: var(--ms-eclipse); --ms-surface: var(--ms-obsidiana); --ms-surface-2: var(--ms-umbra);
  --ms-border: var(--ms-borde); --ms-text: var(--ms-luz); --ms-text-muted: var(--ms-bruma);
  --ms-accent: var(--ms-lavanda); --ms-accent-strong: var(--ms-morado); --ms-on-accent: var(--ms-eclipse);
  --ms-link: var(--ms-morado-300);
}

[data-theme="light"] {
  color-scheme: light;
  --ms-bg: var(--ms-papel); --ms-surface: #FFFFFF; --ms-surface-2: var(--ms-morado-50);
  --ms-border: var(--ms-morado-100); --ms-text: var(--ms-tinta); --ms-text-muted: #5B5470;
  --ms-accent: var(--ms-morado-profundo); --ms-accent-strong: var(--ms-morado-700); --ms-on-accent: #FFFFFF;
  --ms-link: var(--ms-morado-profundo);
}

/* Componentes base */
.ms-btn{font:600 var(--ms-text-sm)/1 var(--ms-font-display);padding:var(--ms-space-3) var(--ms-space-5);border-radius:var(--ms-radius-sm);border:1px solid transparent;cursor:pointer}
.ms-btn--primary{background:var(--ms-accent);color:var(--ms-on-accent)}
.ms-btn--primary:hover{background:var(--ms-morado-300)}
.ms-btn--ghost{background:transparent;color:var(--ms-text);border-color:var(--ms-border)}
.ms-btn--ghost:hover{border-color:var(--ms-accent)}
.ms-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:var(--ms-radius-md);padding:var(--ms-space-6);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.ms-tag{font:500 var(--ms-text-xs)/1 var(--ms-font-mono);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;border-radius:var(--ms-radius-pill);background:var(--cat,var(--ms-accent));color:var(--ms-eclipse)}