/* =========================================================
   OH MY BOAT IBIZA · Tokens de marca
   Colores extraídos del logotipo oficial. Fuente única de verdad:
   cualquier color o tipografía de la web sale de aquí.
   (site.css y admin.css solo usan estas variables.)
   ========================================================= */

/* Tipografías alojadas en el propio servidor (mismas fuentes de Google Fonts,
   sin enviar datos de los visitantes a terceros y compatibles con la CSP). */
@font-face {
  font-family: "Outfit";
  src: url("../fonts/outfit.woff2") format("woff2");
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Damion";
  src: url("../fonts/damion.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Colores de marca (del logo) ---- */
  --omb-azul:            #013C74; /* Azul Oh my boat · primario: titulares, menú, botón secundario, iconos */
  --omb-azul-hover:      #002C57; /* Hover/activo del azul */
  --omb-azul-profundo:   #00284F; /* Fondos oscuros: footer, franjas de contraste */
  --omb-ibiza:           #00A7F0; /* Azul Ibiza · secundario: olas, iconos, detalles, etiquetas */
  --omb-ibiza-texto:     #0074B0; /* Variante oscura del Azul Ibiza para enlaces y texto (AA sobre blanco) */
  --omb-sol:             #FD9A04; /* Naranja Sol · acento: botones de reservar, números de los pasos y días pendientes */
  --omb-sol-hover:       #E88A00;

  /* ---- Neutros ---- */
  --omb-blanco:          #FFFFFF;
  --omb-espuma:          #F4FAFD; /* Fondo general alternativo */
  --omb-cielo:           #E3F5FD; /* Superficies suaves: tarjetas, bloques destacados */
  --omb-borde:           #D3E4EF;
  --omb-texto:           #1A2B3C; /* Texto de párrafo */
  --omb-texto-suave:     #556779; /* Texto secundario, pies de foto */

  /* ---- Estados funcionales (excepción documentada) ----
     Solo para mensajes de error de formularios y acciones de borrar.
     Un error tiene que distinguirse del resto de la interfaz. */
  --omb-error:           #B3261E;
  --omb-error-fondo:     #FDECEA;

  /* ---- Canales RGB para sombras y transparencias (mismos colores de arriba) ---- */
  --omb-azul-rgb:        1 60 116;
  --omb-ibiza-rgb:       0 167 240;

  /* ---- Roles semánticos (usar estos en los componentes) ---- */
  --color-bg:              var(--omb-blanco);
  --color-bg-alt:          var(--omb-espuma);
  --color-surface:         var(--omb-cielo);
  --color-heading:         var(--omb-azul);
  --color-text:            var(--omb-texto);
  --color-text-muted:      var(--omb-texto-suave);
  --color-link:            var(--omb-ibiza-texto);
  --color-link-hover:      var(--omb-azul);
  --color-border:          var(--omb-borde);
  --color-cta-bg:          var(--omb-sol);       /* Botón principal */
  --color-cta-text:        var(--omb-azul-profundo); /* 6,9:1 sobre el naranja. Nunca blanco (2,1:1) */
  --color-cta-bg-hover:    var(--omb-sol-hover);
  --color-btn2-bg:         var(--omb-azul);      /* Botón secundario */
  --color-btn2-text:       var(--omb-blanco);
  --color-btn2-bg-hover:   var(--omb-azul-hover);
  --color-accent:          var(--omb-ibiza);
  --color-header-bg:       var(--omb-blanco);
  --color-footer-bg:       var(--omb-azul-profundo);
  --color-footer-text:     var(--omb-blanco);
  --color-focus:           var(--omb-ibiza);

  /* ---- Tipografía ---- */
  --font-heading: "Outfit", "Avenir Next", "Helvetica Neue", sans-serif;   /* Titulares, menú, botones */
  --font-body:    "DM Sans", "Helvetica Neue", Arial, sans-serif;          /* Párrafos, formularios, precios */
  --font-accent:  "Damion", "Brush Script MT", cursive;                    /* Solo palabras sueltas >= 32px */

  --fs-hero: clamp(3rem, 6.2vw, 5.25rem); /* 48–84px · Outfit 700 · solo el título principal de la portada */
  --fs-h1: clamp(2.5rem, 5vw, 3.75rem);   /* 40–60px · Outfit 700 */
  --fs-h2: clamp(2rem, 3.5vw, 2.75rem);   /* 32–44px · Outfit 700 */
  --fs-h3: 1.5rem;                        /* 24px · Outfit 600 */
  --fs-body: 1.0625rem;                   /* 17px · DM Sans 400 */
  --fs-small: 0.875rem;                   /* 14px · DM Sans 500 */
  --lh-heading: 1.1;
  --lh-body: 1.6;

  /* ---- Forma ---- */
  --radius-btn: 999px;
  --radius-card: 16px;
}

/* Palabra suelta destacada en Damion (solo a 32px o más, nunca en párrafos). */
.accent-word { font-family: var(--font-accent); font-weight: 400; font-size: max(2rem, 1em); letter-spacing: 0; }