/* ============================================================
   THEME-LA-ESTRELLA.CSS — capa de marca
   Todo lo que identifica a "La Estrella" vive aquí y solo aquí.
   Si mañana esto se vuelve blanco para otro cliente, este es el
   único archivo que se reemplaza.
   ============================================================ */

:root {
  /* --- Paleta de marca --- */
  --brand-primary: #C21E2C;       /* rojo La Estrella */
  --brand-primary-dark: #8F1620;  /* rojo oscuro (hover / dark mode) */
  --brand-accent: #E8A33D;        /* ámbar */
  --brand-surface: #FBF6EC;       /* crema */
  --brand-surface-raised: #FFFFFF;
  --brand-forest: #2F4B3C;        /* verde pino */
  --brand-ink: #241B15;           /* texto principal */
  --brand-ink-soft: rgba(36, 27, 21, 0.64);
  --brand-border: rgba(36, 27, 21, 0.12);

  /* mapeo a tokens neutros del sistema */
  --ring-color: rgba(194, 30, 44, 0.25);
  --system-border: var(--brand-border);

  /* --- Tipografía de marca --- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Poppins', 'Segoe UI', sans-serif;

  /* --- Logo --- */
  --logo-full: url('../assets/brand/logo-full.svg');
  --logo-mark: url('../assets/brand/logo-mark.svg');
}

body {
  background: var(--brand-surface);
  color: var(--brand-ink);
}

::selection {
  background: var(--brand-accent);
  color: var(--brand-ink);
}

a.brand-link {
  color: var(--brand-primary);
  text-decoration: none;
}

a.brand-link:hover {
  color: var(--brand-primary-dark);
}