/* ===========================================================
   GALMAR BOBINADOS — VARIABLES / DESIGN TOKENS
   Paleta: negro base · plata/acero · azul eléctrico (acento)
   =========================================================== */
:root {
  /* --- Base oscura --- */
  --bg-000: #060708;
  --bg-100: #0a0c0f;
  --bg-200: #101318;
  --bg-300: #161a21;
  --bg-400: #1d222b;

  /* --- Plata / acero --- */
  --steel-100: #f4f6f8;
  --steel-200: #d7dce2;
  --steel-300: #b4bcc6;
  --steel-400: #8b95a1;
  --steel-500: #626b76;
  --steel-600: #3c434c;

  /* --- Azul eléctrico (acento del logo) --- */
  --volt-300: #6db4ff;
  --volt-400: #2f8bff;
  --volt-500: #1667f0;
  --volt-600: #0d4bc0;
  --volt-glow: rgba(47, 139, 255, 0.55);

  /* --- Cobre (toque puntual) --- */
  --copper: #c67b45;

  /* --- Texto --- */
  --text-hi: #f2f5f8;
  --text-mid: #aab2bd;
  --text-lo: #737c88;

  /* --- Superficies / cristal --- */
  --glass-bg: rgba(22, 26, 33, 0.55);
  --glass-brd: rgba(180, 188, 198, 0.14);
  --hair: rgba(180, 188, 198, 0.10);

  /* --- Gradientes --- */
  --grad-steel: linear-gradient(145deg, #eef1f4 0%, #b4bcc6 38%, #6f7883 62%, #c3cad2 100%);
  --grad-volt: linear-gradient(135deg, #6db4ff 0%, #2f8bff 45%, #1667f0 100%);
  --grad-dark: linear-gradient(180deg, #0a0c0f 0%, #060708 100%);

  /* --- Tipografía --- */
  --f-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --f-body: 'DM Sans', system-ui, sans-serif;
  --f-mono: 'DM Mono', 'Courier New', monospace;

  /* --- Métrica --- */
  --maxw: 1240px;
  --gutter: clamp(1.2rem, 4vw, 3rem);
  --radius: 16px;
  --radius-sm: 10px;

  /* --- Sombras --- */
  --shadow-1: 0 10px 30px rgba(0, 0, 0, 0.45);
  --shadow-2: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-volt: 0 0 0 1px rgba(47,139,255,0.35), 0 12px 40px rgba(47,139,255,0.28);

  /* --- Transiciones --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}