/* Steadfetch · tokens de marca v0.1 (borrador, 07-11-2026)
   Fuente única de colores, tipos, radios y espacios. Toda página de steadfetch-web
   enlaza este fichero o copia estos valores sin cambiarlos. Ver brand/MANUAL.md. */

/* Fuentes servidas desde la propia landing (`landing/public/fonts/`, OFL). */

:root {
  /* Neutros */
  --sf-paper: #F1EBE4;   /* fondo de página */
  --sf-card:  #FBF8F4;   /* paneles neutros */
  --sf-ink:   #121110;   /* texto y botón principal */
  --sf-muted: #5D5650;   /* texto secundario */
  --sf-rule:  rgba(18, 17, 16, .16);

  /* Color por producto (texto encima: siempre --sf-on-color) */
  --sf-blue:   #4A86FF;  /* Radar de licitaciones · color de marca */
  --sf-orange: #FF6B3D;  /* Archivo de vivienda turística */
  --sf-violet: #B98AFF;  /* Reseñas para operadores y agencias */
  --sf-yellow: #FFC629;  /* Actors en la Apify Store */
  --sf-green:  #3DD67A;  /* Datos a medida (B2B) */
  --sf-on-color: #121110;
  --sf-paper-fixed: #F1EBE4; /* papel fijo: texto o celdas claras sobre tinta fija o sobre color; no cambia en tema oscuro */

  /* Tipografía */
  --sf-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif; /* 800, wdth 78–90 */
  --sf-text:    "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;   /* 400–600 */
  --sf-mono:    "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Escala de tipo */
  --sf-fs-xl: clamp(42px, 5.4vw, 88px);  /* titular de portada */
  --sf-fs-l:  clamp(34px, 4.2vw, 60px);  /* titular de sección */
  --sf-fs-m:  clamp(24px, 2.3vw, 34px);  /* título de tarjeta */
  --sf-fs-price: clamp(44px, 4.4vw, 64px);
  --sf-fs-body: 16px;
  --sf-fs-small: 13.5px;
  --sf-fs-mono: 12.5px;

  /* Forma */
  --sf-r-lg: 32px;    /* paneles de sección */
  --sf-r-md: 22px;    /* tarjetas */
  --sf-r-sm: 14px;    /* campos de formulario */
  --sf-r-pill: 999px; /* botones, etiquetas, chips */
  --sf-border: 1.5px;

  /* Espacio (base 4) */
  --sf-s1: 4px; --sf-s2: 8px; --sf-s3: 12px; --sf-s4: 16px; --sf-s5: 20px;
  --sf-s6: 24px; --sf-s8: 32px; --sf-s12: 48px; --sf-s16: 64px;
}

/* Tema oscuro: solo cambian los neutros; los colores de producto no cambian. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sf-paper: #151413; --sf-card: #1F1D1B; --sf-ink: #F1EBE4;
    --sf-muted: #ADA59C; --sf-rule: rgba(241, 235, 228, .16);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --sf-paper: #151413; --sf-card: #1F1D1B; --sf-ink: #F1EBE4;
  --sf-muted: #ADA59C; --sf-rule: rgba(241, 235, 228, .16);
  color-scheme: dark;
}