/* =====================================================================
   base.css
   Variables compartidas por TODO el sistema (superadmin, panel-local,
   reservas). Cambiar el look general del sistema es editar acá, no
   salir a buscar colores sueltos por los otros archivos.
   ===================================================================== */

:root {
  /* Paleta neutra base — funcional, pensada para paneles internos */
  --color-bg: #f5f6f8;
  --color-surface: #ffffff;
  --color-border: #dde1e7;
  --color-text: #1c2230;
  --color-text-muted: #5b6472;

  /* Color de acento — es el único valor que un tenant premium
     sobreescribiría a futuro para su propia página de reservas */
  --color-primary: #2f6f6b;
  --color-primary-dark: #234f4c;

  --color-success: #2e7d5b;
  --color-warning: #b8860b;
  --color-danger: #b23b3b;

  --font-base: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, monospace;

  --radius-sm: 6px;
  --radius-md: 10px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-base);
  background: var(--color-bg);
  color: var(--color-text);
}

a { color: var(--color-primary); }