/*
Theme Name: Conciertos En Sevilla
Theme URI: https://conciertosensevilla.es
Author: VentaOficial
Author URI: https://ventaoficial.es
Description: Tema visual editorial para conciertosensevilla.es. Microsite especializado en conciertos en Sevilla, conectado a Airtable. Paleta granate vino + magenta eléctrico. Tipografía Bebas Neue + Inter.
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: conciertosensevilla
Tags: events, music, concerts, sevilla, editorial, dark
*/

/* ========================================================================== */
/*  VARIABLES                                                                  */
/* ========================================================================== */
:root {
  /* Paleta principal */
  --ces-bg: #1a0612;
  --ces-bg-card: #2a0e1c;
  --ces-bg-elevated: #22091a;
  --ces-accent: #e0006c;
  --ces-accent-hover: #f01a7d;
  --ces-text: #f4e8e0;
  --ces-text-muted: rgba(244, 232, 224, 0.65);
  --ces-text-faint: rgba(244, 232, 224, 0.45);
  --ces-text-dim: rgba(244, 232, 224, 0.5);
  --ces-border: rgba(244, 232, 224, 0.12);
  --ces-border-strong: rgba(244, 232, 224, 0.25);

  /* Tipografía */
  --ces-font-display: 'Bebas Neue', 'Impact', sans-serif;
  --ces-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Espaciado */
  --ces-gap-xs: 6px;
  --ces-gap-sm: 12px;
  --ces-gap-md: 24px;
  --ces-gap-lg: 36px;
  --ces-gap-xl: 60px;

  /* Layout */
  --ces-max-width: 1280px;
  --ces-side-padding: 32px;
}

/* ========================================================================== */
/*  RESET                                                                      */
/* ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--ces-font-body);
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  background: var(--ces-bg);
  color: var(--ces-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, picture, svg, video { display: block; max-width: 100%; }

a {
  color: var(--ces-text);
  text-decoration: none;
  transition: color 0.15s ease, opacity 0.15s ease;
}
a:hover { color: var(--ces-accent); }

button {
  font-family: inherit;
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ces-font-display);
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 0.95;
  margin: 0;
  text-transform: uppercase;
}

p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }

/* ========================================================================== */
/*  TIPOGRAFÍA - se importa desde main.css                                     */
/* ========================================================================== */
/* main.css carga Bebas Neue + Inter desde Google Fonts */