/* TSURU — design tokens (fuente: docs/tokens.json del sistema de diseño TSURU) */
:root {
  /* Color — tema Claro (por defecto) */
  --surface-100: #ffffff;
  --surface-200: #f4f4f4;
  --surface-300: #e6e6e6;
  --ink: #010101;
  --ink-muted: #5c5c5c;
  --line: #e0e0e0;
  --line-strong: #8a8a8a;
  --action: var(--ink);
  --action-hover: var(--ink-muted);
  --on-action: var(--surface-100);
  --focus: var(--ink);
  --danger: #a1351f;
  --success: #2f6a47;

  /* Tipografía */
  --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;

  /* Espacio */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;

  /* Forma */
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-pill: 999px;
  --shadow-float: 0 8px 24px rgba(1, 1, 1, 0.12);

  /* Layout */
  --max-width: 1440px;
  --gutter: var(--space-12);
  --section-y: var(--space-24);
  --header-h: 96px;
}

/* Tema Noche: hero, Nosotros, footer de ficha */
.theme-night {
  --surface-100: #010101;
  --surface-200: #161616;
  --surface-300: #262626;
  --ink: #ffffff;
  --ink-muted: #a6a6a6;
  --line: #2e2e2e;
  --line-strong: #767676;
  --danger: #ec8a72;
  --success: #7cc497;
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.6);
  /* Los alias se redeclaran para que tomen los valores de Noche */
  --action: var(--ink);
  --action-hover: var(--ink-muted);
  --on-action: var(--surface-100);
  --focus: var(--ink);
  background: var(--surface-100);
  color: var(--ink);
}

@media (max-width: 720px) {
  :root {
    --gutter: var(--space-4);
    --section-y: var(--space-16);
    --header-h: 72px;
  }
}