/* ============================================================
   CAFENTIK — VARIABLES CSS DE MARCA (MODO CLARO)
   Este archivo SOLO contiene variables. Para otro cliente BistroPro,
   se crea un archivo equivalente con su propio :root — base.css no cambia.
   ============================================================ */
:root {
  /* Paleta Cafentik */
  --brand-primary: #1FB8B0;
  --brand-primary-deep: #0E7C77;
  --brand-primary-light: #B2ECE8;
  --brand-primary-pale: #E0F7F5;
  --brand-accent: #E84B8A;
  --brand-accent-light: #F8A3C7;
  --brand-secondary: #9B7BE8;
  --brand-tertiary: #5BC8E8;
  --brand-mint: #A8E6CF;

  /* Fondos */
  --bg-body: #FFFFFF;
  --bg-surface: #F7F7F8;
  --bg-surface-hover: #EEEEF0;
  --bg-elevated: #FFFFFF;
  --border-subtle: rgba(0,0,0,.07);
  --border-medium: rgba(0,0,0,.12);

  /* Texto */
  --text-primary: #15171C;
  --text-secondary: #5A5D65;
  --text-tertiary: #8E919A;
  --text-inverse: #FFFFFF;

  /* Tipografía */
  --font-brand: 'Pacifico', cursive;
  --font-body: 'DM Sans', sans-serif;
  --font-data: 'Space Grotesk', sans-serif;

  /* Radios y sombras */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 30px;
  --shadow-card: 0 2px 12px rgba(0,0,0,.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,.12);
  --shadow-glow: 0 0 20px rgba(31,184,176,.25);

  /* ── Alias de compatibilidad ──────────────────────────────────────────────
     Vistas legacy compartidas de BistroPro (login, registro, checkout,
     confirmación, recuperar contraseña) usan estos nombres genéricos
     (definidos originalmente en el tema oscuro de "Los Traviesos", ya no
     cargado). Los mapeamos a la marca Cafentik para que esas pantallas se
     vean coherentes con el resto del sitio sin reescribir su HTML/CSS. */
  --bg: var(--bg-body);
  --card: var(--bg-elevated);
  --border: var(--border-subtle);
  --text: var(--text-primary);
  --muted: var(--text-tertiary);
  --accent: var(--brand-accent);
  --accent2: var(--brand-primary-deep);
}