/* ===== TEMA OSCURO PREMIUM — estilo bufete de referencia ===== */
:root {
  /* PALETA DEL LOGO: azul marino + dorado champagne */
  --negro-profundo: #0B1F33;   /* azul marino profundo (banners, footer, body) */
  --gris-grafito: #10263D;     /* azul marino alterno (secciones alternas) */
  --carbon: #0E2A47;           /* azul marino medio (texto sobre claro) */
  --gris-piedra: #9FB2C4;      /* azul grisáceo: texto secundario sobre oscuro */

  /* Marca (nombres existentes remapeados a la paleta del logo) */
  --navy-900: #0B1F33;   /* banners y footer */
  --navy-800: #0E2A47;   /* primario */
  --navy-600: #1E4470;   /* hover */

  --gold-500: #C6A15B;   /* dorado champagne (del logo) */
  --gold-300: #DCC08A;   /* dorado hover */
  --burgundy: #0E2A47;          /* CTA final: azul marino con brillo dorado */
  --burgundy-hover: #1E4470;
  --paper-100: #0B1F33;  /* fondo base: azul marino profundo */
  --paper-200: #10263D;  /* azul marino alterno */

  --blanco-hueso: #F7F5F2;
  --white:    #FFFFFF;

  /* Texto */
  --ink-900: #0E2A47;    /* texto principal sobre claro (azul marino) */
  --ink-600: #9FB2C4;    /* azul grisáceo sobre oscuro */
  --ink-300: #6E8296;    /* metadata */
  --text-light: #F7F5F2; /* texto sobre secciones oscuras */
  --text-dark:  #0E2A47; /* texto sobre secciones claras / tarjetas */

  /* Estado */
  --success: #2E7D5B;
  --error: #B3261E;

  /* Semánticos */
  --color-primary: var(--gold-500);
  --color-accent: var(--gold-500);
  --color-bg: var(--paper-100);
  --color-bg-alt: var(--paper-200);
  --focus-ring: 0 0 0 3px rgba(198, 161, 91, .55);

  /* Espaciado y layout */
  --space-section: clamp(4rem, 8vw, 6rem);
  --container-max: 1200px;
  --radius-card: 8px;
  --shadow-card: 0 8px 24px rgba(0, 0, 0, .35);
  --shadow-card-hover: 0 15px 40px rgba(0, 0, 0, .45);
  --border-card: 1px solid rgba(201, 151, 77, .15);
  --wa-green: #25D366;
  --wa-text: #062E12;

  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --navbar-height: 80px;
  --transition-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}