/* ==========================================================================
   Identidad visual — única fuente de colores y tipografía del tema.
   Todo lo demás (main.css) usa estas variables.

   Sistema "marca" de conxulty.com: mismos valores que
   site/src/lib/styles/tokens-marca.css y que el diseño del magazine
   exportado de Figma (diseno-figma/src/pages/Magazine.tsx). El sufijo
   "magazine" del logo usa #7278F4.

   Contraste (WCAG AA, 4.5:1) ya verificado en tokens-marca.css:
     - cian y azul claro: NUNCA como fondo con texto encima (blanco falla).
     - azul-oscuro / morado-oscuro: fondo con texto blanco ✓.
     - Texto de acento sobre claro: usar las versiones -oscuro / texto.
   ========================================================================== */

/* --- Fuentes autoalojadas (sin Google Fonts) ----------------------------- */
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/sora-400.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/sora-600.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/sora-700.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/sora-800.woff2') format('woff2'); }
@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/dm-sans-400.woff2') format('woff2'); }
@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/dm-sans-500.woff2') format('woff2'); }
@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/dm-sans-700.woff2') format('woff2'); }
/* PT Serif (OFL), solo para el cuerpo largo de la nota individual. Subconjunto
   latin: cubre el español. El navegador solo descarga estos archivos en las
   páginas que realmente los usan (la nota), no en la portada. */
@font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/pt-serif-400.woff2') format('woff2'); }
@font-face { font-family: 'PT Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/pt-serif-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/pt-serif-700.woff2') format('woff2'); }
@font-face { font-family: 'PT Serif'; font-style: italic; font-weight: 700; font-display: swap; src: url('../fonts/pt-serif-700-italic.woff2') format('woff2'); }
@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/dm-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/dm-mono-500.woff2') format('woff2'); }

:root {
	/* Color */
	--cx-cian: #22d3ee;
	--cx-cian-oscuro: #06b6d4;
	--cx-cian-texto: #0e7490;      /* texto sobre claro: 5.4:1 */
	--cx-azul: #4f76f6;
	--cx-azul-oscuro: #3b5bdb;     /* texto y botones: 5.67:1 con blanco */
	--cx-morado: #8b3dff;
	--cx-morado-oscuro: #7c3aed;
	--cx-submarca: #7278f4;        /* sufijo "magazine" del logo */

	--cx-navy: #0f172a;
	--cx-navy-medio: #1e293b;
	--cx-navy-claro: #334155;
	--cx-muted: #64748b;

	--cx-fondo: #f8faff;
	--cx-superficie: #eef2ff;
	--cx-superficie-clara: #f0fdff;
	--cx-borde: #dde3f0;
	--cx-blanco: #ffffff;

	--cx-degradado: linear-gradient(135deg, #22d3ee 0%, #4f76f6 50%, #8b3dff 100%);
	--cx-degradado-boton: linear-gradient(135deg, #3b5bdb 0%, #7c3aed 100%);

	/* Tipografía */
	--cx-fuente-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--cx-fuente-texto: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	/* Solo el cuerpo largo de la nota (.cx-prosa). Todo lo demás: display/texto/mono. */
	--cx-fuente-serif: 'PT Serif', Georgia, 'Times New Roman', serif;
	--cx-fuente-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

	/* Forma (brand book: card 16, botón 10, input 8, pill full) */
	--cx-radio-boton: 10px;
	--cx-radio-tarjeta: 16px;
	--cx-radio-grande: 20px;
	--cx-sombra: 0 4px 32px rgba(15, 23, 42, 0.08), 0 1px 4px rgba(15, 23, 42, 0.04);

	--cx-ancho: 1180px;
	--cx-ancho-lectura: 760px;
}

/* ==========================================================================
   Alternativa: brand book v1.0 publicado en Figma (cheer-polish-15026754
   .figma.site). NO es lo que usa conxulty.com hoy. Para probarlo, sustituir
   los valores de arriba por estos (las tipografías Archivo/Inter/JetBrains
   Mono habría que añadirlas a assets/fonts):

     violeta primario  #7C3AED   (600)  · #6D28D9 (700) · #8B5CF6 (500)
     azul secundario   #4361EE   · #60A5FA
     tinta             #121028   · #565478
     neutros           #FAFAFE / #F4F3FB / #D6D5E6 / #7C7AA0 / #1C1A3E
     degradado         120° #38BDF8 → #4361EE → #7C3AED
     display Archivo · cuerpo Inter · datos JetBrains Mono
   ========================================================================== */