/* ==========================================================================
   VARIABLES — paleta, tipografía, radios y sombras del sitio.
   Cambia aquí los colores de marca; el resto del sistema los hereda.
   ========================================================================== */
:root{
  /* Paleta base — modo oscuro "downtown" */
  --bg:               #0B0A0C;
  --bg-elevated:      #131116;
  --bg-card:          #17151A;
  --bg-glass:         rgba(23, 21, 26, 0.65);
  --border:           rgba(255, 255, 255, 0.09);
  --border-strong:    rgba(255, 255, 255, 0.16);

  --ink:              #F5F1EC;
  --ink-soft:         #B8AFA7;
  --ink-faint:        #7A716B;

  /* Acento de marca — degradado ámbar/coral tipo letrero de neón */
  --accent-1:         #FF6B35;
  --accent-2:         #FFB238;
  --accent-3:         #E8365B;
  --accent-grad:      linear-gradient(120deg, var(--accent-1), var(--accent-2));
  --accent-grad-2:    linear-gradient(135deg, var(--accent-3), var(--accent-1));

  --success:          #35C77E;

  --radius-sm:  10px;
  --radius-md:  16px;
  --radius-lg:  24px;
  --radius-xl:  32px;
  --radius-pill: 999px;

  --shadow-sm:  0 4px 16px -6px rgba(0,0,0,.45);
  --shadow-md:  0 16px 40px -14px rgba(0,0,0,.55);
  --shadow-lg:  0 30px 80px -24px rgba(0,0,0,.65);
  --shadow-glow: 0 0 0 1px rgba(255,107,53,.25), 0 12px 40px -10px rgba(255,107,53,.45);

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'SFMono-Regular', Menlo, monospace;

  --container: 1180px;
  --ease-out:   cubic-bezier(.16,.84,.44,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
}