/* ==========================================================================
   DJ DARY — Design Tokens
   Fuente: Tarifario DJDARY 2026 (identidad de marca extraída del PDF)
   ========================================================================== */

:root {
  /* ---- Color ---- */
  --color-primary: #F45208;        /* Naranja DARY — CTAs, precios, acentos */
  --color-primary-hero-start: #F95A13; /* naranja portada, extremo claro del degradado */
  --color-primary-hero-mid: #DE3C0E;   /* naranja portada, medio del degradado */
  --color-primary-hero-end: #3B1609;   /* marrón oscuro, base del degradado de portada */

  --color-ink: #1A1208;            /* negro cálido — texto, tarjeta Silver, logo */
  --color-ink-soft: #322A21;       /* variante suavizada del ink (subtítulos, texto secundario) */

  --color-cream: #FAF7F4;          /* fondo base de página */
  --color-white: #FFFFFF;

  /* ---- Superficies (tarjetas de tarifas) ---- */
  --surface-basico-bg: var(--color-white);
  --surface-basico-border: var(--color-ink);
  --surface-silver-bg: var(--color-ink);
  --surface-silver-text: var(--color-white);
  --surface-gold-bg: var(--color-primary);
  --surface-gold-text: var(--color-white);

  /* ---- Tipografía ---- */
  --font-display: "Anton", "Oswald", "Archivo Black", sans-serif; /* titulares condensados en mayúsculas */
  --font-body: "Inter", "Arial", "Helvetica Neue", sans-serif;    /* texto de párrafo y UI */
  --font-logo: "DARY Brush"; /* wordmark: SIEMPRE usar el asset de logo, no re-crear con fuente */

  --fs-hero-title: clamp(2.75rem, 8vw, 5rem);   /* "TARIFARIO 2026" portada */
  --fs-h1: clamp(1.75rem, 4vw, 2.5rem);         /* "INTRODUCCIÓN", "TARIFAS 2026" */
  --fs-price: clamp(2.25rem, 5vw, 3rem);        /* "160€" */
  --fs-card-title: 1.125rem;                    /* "GOLD", "SILVER", "BÁSICO" */
  --fs-body: 1.0625rem;
  --fs-eyebrow: 0.8125rem;                      /* "DJ · EVENTOS", "TEMPORADA 2026" */
  --fs-number: 2rem;                            /* "01".."10" en condiciones */

  --lh-body: 1.6;
  --ls-eyebrow: 0.12em; /* letter-spacing de los kickers en mayúsculas */
  --ls-display: 0.01em;

  /* ---- Espaciado (escala base 8px) ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;

  /* ---- Bordes / radios ---- */
  --radius-none: 0px;      /* la marca usa esquinas vivas en tarjetas y botones */
  --border-width: 2px;
  --rule-width: 2px;       /* línea divisoria bajo titulares */

  /* ---- Sombra / elevación ---- */
  --shadow-card: none;     /* el sistema no usa sombras, se apoya en color/contraste */

  /* ---- Layout ---- */
  --page-max-width: 1120px;
  --page-margin: clamp(1.5rem, 5vw, 6rem);

  /* ---- Movimiento ---- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: .25s;
  --dur-med: .6s;
  --dur-slow: .9s;

  /* ---- Glow (luces de escenario, solo interacción) ---- */
  --glow-primary: 0 0 32px rgba(244, 82, 8, .55);
}