/* ============================================================================
   theme.css — EL ÚNICO ARCHIVO DE CONFIGURACIÓN DE MARCA
   ----------------------------------------------------------------------------
   Para aplicar la config de un cliente del Site Designer (/site-designer):
   1) Pega sus 8 colores + 2 fuentes en las variables --brand-* de abajo.
   2) Cambia las 2 líneas @import de Google Fonts por las del cliente
      (usa el campo `api` de headingFont/bodyFont del Site Designer).
   Eso es TODO. Todo el sitio (header, secciones, footer, botones) se re-tematiza.
   ----------------------------------------------------------------------------
   Config actual: Antares Law Firm (navy + gold, DM Serif + system sans).
   ============================================================================ */

/* Fuentes del cliente (Site Designer → campo `api` de cada fuente).
   Antares: heading = DM Serif Display, body = system (sin @import extra). */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

:root {
  /* --- Colores (Site Designer colorScheme) --- */
  --brand-primary:    #0b2545;   /* primary   — navy autoridad */
  --brand-on-primary: #ffffff;   /* onPrimary — texto sobre primary */
  --brand-accent:     #c8952b;   /* accent    — dorado premium */
  --brand-bg:         #ffffff;   /* bg        — fondo de página */
  --brand-surface:    #f4f7fc;   /* surface   — secciones tenues / cards */
  --brand-text:       #16233a;   /* text      — cuerpo (navy-biased) */
  --brand-muted:      #5a6b82;   /* muted     — texto secundario */
  --brand-dark:       0;         /* dark      — 1 si el esquema es oscuro */

  /* --- Fuentes (Site Designer headingFont.stack / bodyFont.stack) --- */
  --brand-font:         -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --brand-font-heading: "DM Serif Display", "Palatino Linotype", Georgia, "Times New Roman", serif;

  /* --- Escala de texto (Site Designer textSize: normal 1 / large 1.125 / xlarge 1.25) --- */
  --brand-text-scale: 1;

  /* --- Derivados (NO editar — se calculan de los de arriba) --- */
  --brand-primary-2:   color-mix(in srgb, var(--brand-primary) 82%, #ffffff);
  --brand-accent-2:    color-mix(in srgb, var(--brand-accent) 82%, #ffffff);
  --brand-primary-10:  color-mix(in srgb, var(--brand-primary) 10%, transparent);
  --brand-primary-15:  color-mix(in srgb, var(--brand-primary) 15%, transparent);
  --brand-line:        color-mix(in srgb, var(--brand-primary) 12%, transparent);
  --brand-shadow:      0 18px 40px -20px color-mix(in srgb, var(--brand-primary) 35%, transparent);
  --brand-shadow-sm:   0 6px 18px -10px color-mix(in srgb, var(--brand-primary) 28%, transparent);
  --brand-radius:      14px;
}