/**
 * Design tokens — Paradise Adventures (Sarasota)
 * -----------------------------------------------------------------------
 * Fuente única de verdad para colores, tipografía y espaciado del sitio.
 * El plugin de bloques (paradise-adventure-blocks) reutiliza estos mismos
 * nombres de variable, así que si cambias un valor aquí, los bloques lo
 * heredan automáticamente sin tocar nada más.
 *
 * Tipografía: "Black Carbon" (títulos, mayúsculas, alto impacto),
 * "Pacifico" (acento cursivo, palabras destacadas tipo logo),
 * "Nunito Sans" (texto general — cómoda de leer, no cansa la vista).
 *
 * Paleta: basada en los colores del logo (kayak/paddleboard al atardecer).
 * Ver README.md del tema para el detalle de contraste de cada combinación.
 */

:root {
	/* -----------------------------------------------------------------
	   1) Paleta cruda de marca (tal cual sale del logo)
	----------------------------------------------------------------- */
	--pa-color-ink: #231f20;         /* negro cálido del logo */
	--pa-color-teal: #007b6f;        /* verde-azulado profundo (color principal) */
	--pa-color-teal-light: #5cc5bf;  /* aguamarina clara (agua/cielo) */
	--pa-color-blue: #5b9cb3;        /* azul grisáceo (agua profunda) */
	--pa-color-orange: #de9d43;      /* naranja atardecer (kayak/sol) */
	--pa-color-yellow: #dacb46;      /* amarillo sol, uso puntual */
	--pa-color-sand: #a88e69;        /* madera/arena (cinta del logo) */

	/* Variaciones (mismo tono, más oscuro/claro) para hover y contraste */
	--pa-color-teal-dark: #045c53;
	--pa-color-orange-dark: #c17f2b;
	--pa-color-sand-dark: #8a7052;
	--pa-color-ink-soft: rgb(35 31 32 / 70%);

	/* Neutros cálidos (arena / espuma de mar) para fondos */
	--pa-color-cream: #faf6ec;
	--pa-color-cream-alt: #f1e9d8;
	--pa-color-white: #ffffff;
	--pa-color-ivory: #fbf8f2;

	/* -----------------------------------------------------------------
	   2) Roles semánticos — úsalos en vez de los colores crudos
	----------------------------------------------------------------- */
	--pa-color-bg: var(--pa-color-cream);
	--pa-color-bg-alt: var(--pa-color-cream-alt);
	--pa-color-bg-dark: var(--pa-color-teal-dark);
	--pa-color-bg-white: var(--pa-color-white);

	--pa-color-text: var(--pa-color-ink);
	--pa-color-text-muted: var(--pa-color-ink-soft);
	--pa-color-text-on-dark: var(--pa-color-ivory);
	--pa-color-text-on-dark-muted: rgb(251 248 242 / 72%);

	--pa-color-primary: var(--pa-color-teal);
	--pa-color-primary-hover: var(--pa-color-teal-dark);
	--pa-color-primary-soft: var(--pa-color-teal-light);

	--pa-color-accent: var(--pa-color-orange);
	--pa-color-accent-hover: var(--pa-color-orange-dark);
	--pa-color-highlight: var(--pa-color-yellow);
	--pa-color-secondary: var(--pa-color-blue);
	--pa-color-wood: var(--pa-color-sand);

	--pa-color-border: rgb(35 31 32 / 12%);
	--pa-color-border-on-dark: rgb(251 248 242 / 18%);

	/* -----------------------------------------------------------------
	   3) Tipografía
	----------------------------------------------------------------- */
	--pa-font-heading: "Black Carbon", "Anton", "Oswald", "Arial Narrow", sans-serif;
	--pa-font-script: "Pacifico", "Segoe Script", cursive;
	--pa-font-body: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--pa-font-size-eyebrow: 0.8125rem;
	--pa-font-size-sm: 0.9375rem;
	--pa-font-size-base: 1rem;
	--pa-font-size-lg: 1.25rem;
	--pa-font-size-xl: 1.75rem;
	--pa-font-size-2xl: clamp(2rem, 4vw, 3rem);
	--pa-font-size-3xl: clamp(2.5rem, 6vw, 4.25rem);

	--pa-letter-spacing-eyebrow: 0.14em;
	--pa-letter-spacing-heading: 0.01em;
	--pa-line-height-heading: 1.08;
	--pa-line-height-body: 1.65;

	/* -----------------------------------------------------------------
	   4) Espaciado — escala consistente entre secciones/bloques
	----------------------------------------------------------------- */
	--pa-space-2xs: 8px;
	--pa-space-xs: 12px;
	--pa-space-sm: 20px;
	--pa-space-md: 32px;
	--pa-space-lg: 56px;
	--pa-space-xl: 96px;

	--pa-container-padding: clamp(20px, 5vw, 64px);
	--pa-container-max: 1320px;

	/* -----------------------------------------------------------------
	   5) Bordes, sombras, transiciones
	----------------------------------------------------------------- */
	--pa-radius-sm: 8px;
	--pa-radius-md: 16px;
	--pa-radius-lg: 24px;
	--pa-radius-xl: 32px;
	--pa-radius-pill: 999px;
	--pa-transition: 220ms ease;
	--pa-shadow-soft: 0 12px 32px rgb(35 31 32 / 12%);
	--pa-shadow-dark: 0 24px 48px rgb(4 20 18 / 35%);

	/* Degradados de marca (agua + atardecer) para heroes y overlays */
	--pa-gradient-overlay-bottom: linear-gradient(180deg, rgb(4 24 22 / 0%) 0%, rgb(4 24 22 / 45%) 55%, rgb(4 24 22 / 85%) 100%);
	--pa-gradient-overlay-top: linear-gradient(0deg, rgb(4 24 22 / 0%) 0%, rgb(4 24 22 / 65%) 100%);
	--pa-gradient-sunset: linear-gradient(135deg, rgb(222 157 67 / 55%) 0%, rgb(0 123 111 / 88%) 100%);
	--pa-gradient-teal-deep: linear-gradient(180deg, #0a5c53 0%, #033b34 100%);

	--pa-image-filter: saturate(1.08) contrast(1.04) brightness(1.02);
}