/* ============================================================
   DAY ZERO HOTELS · Capa de marca blanca (v1.1)
   ------------------------------------------------------------
   TODO el tema vive aquí. Tokens derivados del CSS REAL de
   dayzerofestival.com (bundle litespeed, verificado 2026-07-15):

   · announce/header oliva #63633d · botones oliva #62633d
   · hover ocre #E19F5D (secundario real #d59351) · errores #790000
   · headings Syne Mono 400 UPPERCASE (45px/30px reales)
   · body Helvetica · pill 25px · menú blanco uppercase ls -0.5px

   Logos reales descargados del sitio vivo en assets/img/:
   dz-logo-white(.@2x).png · day-zero-footer-logo(.@2x).png ·
   home-hero.png (wordmark blanco del héroe).
   ============================================================ */

@font-face {
  font-family: 'Syne Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/syne-mono-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}
@font-face {
  font-family: 'Syne Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/syne-mono-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0;
}

:root {
  /* --- Identidad ------------------------------------------- */
  --brand-name: 'Day Zero Hotels';

  /* --- Color ------------------------------------------------ */
  --brand-primary: #62633d;        /* oliva real — acciones, bandas */
  --brand-primary-deep: #4c4d2f;   /* oliva oscuro — active */
  --brand-primary-ink: #ffffff;    /* texto sobre primary */
  --brand-accent: #e19f5d;         /* ocre real — hover de botón */
  --brand-accent-deep: #d59351;    /* ocre profundo real */
  --brand-accent-soft: #f6e8d8;    /* ocre lavado — fondos suaves */

  --brand-announce-bg: #63633d;    /* barra de anuncio real del header */
  --brand-announce-ink: #ffffff;
  --brand-header-solid: #62633d;   /* header al hacer scroll (logo blanco encima) */

  --brand-ink: #22231b;            /* texto principal (nunca negro puro) */
  --brand-ink-soft: #62633d;       /* texto secundario — oliva real del rich text */
  --brand-ink-faint: #94957f;      /* metadatos, placeholders */

  --brand-paper: #faf8f1;          /* fondo general, crema */
  --brand-paper-warm: #fdf6e9;     /* crema cálida — bandas destacadas */
  --brand-surface: #ffffff;        /* tarjetas, paneles */
  --brand-line: #e7e4d6;           /* bordes, separadores */
  --brand-line-strong: #cfccba;

  --brand-danger: #790000;         /* granate real — errores */
  --brand-ok: #3c763d;             /* confirmaciones */

  /* --- Tipografía ------------------------------------------- */
  --brand-font-sans: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
  --brand-font-accent: 'Syne Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Display real dayzero: Syne Mono 400 uppercase */
  --brand-font-display: var(--brand-font-accent);
  --brand-display-case: uppercase;

  /* Botones reales dayzero: Syne Mono 18px uppercase */
  --brand-btn-font: var(--brand-font-accent);
  --brand-btn-case: uppercase;
  --brand-btn-fs: 1.0625rem;

  --brand-fs-hero: clamp(2.5rem, 6vw, 4rem);
  --brand-fs-h1: clamp(1.875rem, 4vw, 2.8125rem);  /* 45px real */
  --brand-fs-h2: clamp(1.4rem, 3vw, 1.875rem);     /* 30px real */
  --brand-fs-h3: 1.25rem;
  --brand-fs-body: 1rem;
  --brand-fs-small: 0.875rem;
  --brand-fs-micro: 0.8125rem;

  /* --- Forma ------------------------------------------------ */
  --brand-radius-pill: 25px;       /* botones dayzero: 25px reales */
  --brand-radius-card: 6px;
  --brand-radius-field: 8px;
  --brand-radius-chip: 20px;

  /* --- Sombra (suave, nunca dura) --------------------------- */
  --brand-shadow-card: 0 1px 2px rgba(34, 35, 27, 0.05), 0 8px 24px rgba(34, 35, 27, 0.06);
  --brand-shadow-lift: 0 2px 4px rgba(34, 35, 27, 0.07), 0 16px 40px rgba(34, 35, 27, 0.10);
  --brand-shadow-panel: 0 24px 60px rgba(34, 35, 27, 0.14);

  /* --- Ritmo ------------------------------------------------ */
  --brand-space-1: 0.25rem;
  --brand-space-2: 0.5rem;
  --brand-space-3: 0.75rem;
  --brand-space-4: 1rem;
  --brand-space-5: 1.5rem;
  --brand-space-6: 2rem;
  --brand-space-7: 3rem;
  --brand-space-8: 4.5rem;
  --brand-space-9: 7rem;

  --brand-container: 74rem;
  --brand-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --brand-t-fast: 180ms;
  --brand-t-med: 320ms;
  --brand-t-slow: 560ms;
}