/* ==========================================================================
   Asesoría Aldabe — Tokens (custom properties).
   Re-tokenizados desde docs/style-direction.md sec. 3-6. NO copia literal de
   shared.css de la maqueta: aquí se aplica la nomenclatura definitiva del
   sistema (--color-*, --fz-*, --space-*, --radius-*, --shadow-*, --transition-*).
   ========================================================================== */

:root {

	/* === Colores base de marca ===
	   Familia navy "Bocana" (elegida 2026-08-24): marino tinta, frío y sobrio.
	   Sustituye al navy petróleo #0F3D3E, que tiraba a verde. */
	--color-navy:        #0B2545;
	--color-navy-deep:   #061729;
	--color-navy-soft:   #173F6B;
	--color-gold:        #C9A961;
	--color-gold-soft:   #d8b974;
	--color-cream:       #F5EFE6;
	--color-cream-deep:  #ECE4D2;
	--color-graphite:    #1A1A1A;
	--color-graphite-soft: #3a3a3a;

	/* === Texto / superficies derivadas === */
	--color-text:                var(--color-graphite);
	--color-text-muted:          #6b6b6b;
	--color-text-on-navy:        var(--color-cream);
	--color-text-on-navy-muted:  rgba(245, 239, 230, 0.78);
	--color-text-on-navy-faint:  rgba(245, 239, 230, 0.55);

	/* === Líneas / bordes === */
	--color-line:         rgba(11, 37, 69, 0.14);
	--color-line-soft:    rgba(11, 37, 69, 0.08);
	--color-line-on-navy: rgba(245, 239, 230, 0.18);

	/* === Estado === */
	--color-success: #2f7d6a;
	--color-warning: #b58a2a;
	--color-error:   #b3322b;
	--color-info:    var(--color-navy-soft);

	/* === Tipografía === */
	--font-serif: 'Newsreader', 'Times New Roman', Georgia, serif;
	--font-sans:  'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

	--fz-h1-hero:         clamp(40px, 4.6vw, 64px);
	--fz-h2-section:      clamp(34px, 3.6vw, 48px);
	--fz-h2-cta:          clamp(36px, 4vw, 54px);
	--fz-h3-card:         clamp(26px, 2.6vw, 34px);
	--fz-h3-card-primary: clamp(30px, 3vw, 42px);
	--fz-stat-num:        clamp(48px, 6vw, 72px);
	--fz-strip-num:       30px;
	--fz-meta-num:        24px;
	--fz-h4:              18px;
	--fz-lead:            17px;
	--fz-body:            16px;
	--fz-card:            15px;
	--fz-meta-label:      13px;
	--fz-eyebrow:         12px;
	--fz-button:          13px;
	--fz-topbar:          13px;

	--lh-tight:  1.12;
	--lh-body:   1.6;
	--lh-long:   1.7;

	--ls-heading: -0.01em;
	--ls-eyebrow: 0.22em;
	--ls-button:  0.08em;
	--ls-wordmark: 0.18em;

	/* === Spacing === */
	--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: 88px;
	--space-10: 104px;

	/* === Layout === */
	--maxw: 1240px;
	--container-pad-x: var(--space-6);

	/* === Radios === */
	--radius-sharp:  0;
	--radius-button: 2px;
	--radius-tag:    3px;
	--radius-pill:   999px;

	/* === Sombras === */
	--shadow-card-hover: 0 12px 40px rgba(11, 37, 69, 0.10);
	--shadow-toast:      0 12px 40px rgba(0, 0, 0, 0.18);

	/* === Tratamiento de imagen (duotono "Bocana") ===
	   La foto se comprime entre los dos colores de marca: `lighten` pone el
	   navy como suelo y `darken` el oro como techo. Así el puerto se convierte
	   en material gráfico de marca y no en una postal que compite con el texto.
	   La variante `-muted` es la del cierre: la misma foto, aún más rebajada. */
	--duo-floor:          #0B2545;
	--duo-ceiling:        #C9A961;
	--duo-floor-muted:    #061729;
	--duo-ceiling-muted:  #8f7a46;
	--duo-filter:         grayscale(1) contrast(1.32) brightness(0.60);
	--duo-filter-muted:   grayscale(1) contrast(1.3) brightness(0.52);

	/* Degradado de reserva cuando todavía no hay foto cargada. */
	--photo-placeholder:  linear-gradient(160deg, #c9d4e2 0%, #5d7a9c 55%, #0B2545 100%);

	/* === Transiciones === */
	--transition-fast: 0.2s ease;
	--transition-mid:  0.25s ease;
	--transition-slow: 0.35s ease;

	/* === Layout específico del child theme === */
	--header-height-desktop: 92px;
	--top-bar-height: 40px;
	--z-top-bar: 50;
	--z-header:  60;
	--z-nav-mobile: 70;
}