/* =========================================================
   BRUTO · tokens de diseño
   Firma visual: Dark Neon Dual (Day/Night dichotomy)
   ========================================================= */

:root {
  /* --- Color base --- */
  --carbon:        #0A0A0A;
  --carbon-soft:   #151515;
  --carbon-card:   #1C1C1C;
  --carbon-border: rgba(255, 255, 255, 0.08);

  --cream:         #F5F0E8;
  --cream-soft:    #E8E0D0;
  --cream-dim:     rgba(245, 240, 232, 0.6);

  /* --- Neones (marca Bruto) --- */
  --neon-orange:   #FF6B35;   /* primario CTAs, letrero */
  --neon-lime:     #A5FF00;   /* probetas, highlights */
  --neon-magenta:  #FF007A;   /* títulos especiales */
  --amber:         #FFB547;
  --coral:         #E94747;

  /* --- Colores semánticos --- */
  --bg:            var(--carbon);
  --bg-soft:       var(--carbon-soft);
  --fg:            var(--cream);
  --fg-dim:        var(--cream-dim);
  --accent:        var(--neon-orange);
  --accent-2:      var(--neon-lime);
  --accent-3:      var(--neon-magenta);

  /* --- Glows --- */
  --glow-orange: 0 0 14px rgba(255, 107, 53, .55), 0 0 40px rgba(255, 107, 53, .35);
  --glow-lime:   0 0 12px rgba(165, 255, 0, .55), 0 0 34px rgba(165, 255, 0, .3);
  --glow-magenta:0 0 12px rgba(255, 0, 122, .55), 0 0 34px rgba(255, 0, 122, .3);
  --glow-amber:  0 0 10px rgba(255, 181, 71, .5), 0 0 28px rgba(255, 181, 71, .25);

  /* --- Tipografía --- */
  --font-display: 'Archivo Black', 'Arial Black', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-script:  'Caveat', cursive;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;

  /* --- Espaciado --- */
  --space-2:   .5rem;
  --space-3:   .75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* --- Radios --- */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  16px;
  --radius-lg:  24px;
  --radius-xl:  32px;
  --radius-full: 999px;

  /* --- Tiempos y easing --- */
  --ease-premium: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-pop:     cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);

  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 560ms;

  /* --- Contenedor --- */
  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);

  /* --- Tipografía fluida --- */
  --fs-xs:    clamp(.75rem, .7rem + .2vw, .8125rem);
  --fs-sm:    clamp(.875rem, .8rem + .25vw, .9375rem);
  --fs-base:  clamp(1rem, .95rem + .25vw, 1.0625rem);
  --fs-lg:    clamp(1.125rem, 1rem + .5vw, 1.25rem);
  --fs-xl:    clamp(1.25rem, 1.1rem + .7vw, 1.5rem);
  --fs-2xl:   clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --fs-3xl:   clamp(2rem, 1.5rem + 2vw, 3rem);
  --fs-4xl:   clamp(2.5rem, 1.8rem + 3vw, 4rem);
  --fs-5xl:   clamp(3rem, 2rem + 4vw, 5.5rem);
  --fs-6xl:   clamp(3.75rem, 2.5rem + 6vw, 8rem);
}