/*
  Athom Corp — Design Tokens
  Fuente única de verdad para colores, tipografía, espaciados y efectos.
  Cada sitio de marca sobreescribe --accent / --accent-2 con su color,
  y hereda toda la base visual (fondo oscuro, tarjetas glow, tipografía).
*/

:root {
  /* ---- Neutros (fondo oscuro compartido por todas las marcas) ---- */
  --bg-0: #05070c;
  --bg-1: #0a0e17;
  --bg-2: #10151f;
  --surface: #131826;
  --surface-hover: #1a2133;
  --border: #232a3d;
  --text-0: #f4f6fb;
  --text-1: #b7c0d4;
  --text-2: #7b869e;

  /* ---- Colores de marca (gradiente A → B por sub-empresa) ---- */
  --athom-a: #2f8bff;
  --athom-b: #ff8a3d;

  --apex-a: #00d9ff;
  --apex-b: #0a5fff;

  --amdesign-a: #ff1f4d;
  --amdesign-b: #a0102c;

  --amelectronics-a: #b026ff;
  --amelectronics-b: #5b12c9;

  --am3d-a: #00ffb2;
  --am3d-b: #00a37a;

  --zenith-a: #ffb703;
  --zenith-b: #ff6a00;

  /* ---- Accent activo (cada página lo redefine con su par de marca) ---- */
  --accent: var(--athom-a);
  --accent-2: var(--athom-b);

  /* ---- Tipografía ---- */
  --font-display: 'Orbitron', 'Rajdhani', sans-serif;
  --font-heading: 'Rajdhani', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* ---- Espaciado ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  /* ---- Radios y sombras ---- */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-glow: 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent),
                 0 8px 40px -8px color-mix(in srgb, var(--accent) 55%, transparent);
  --shadow-card: 0 10px 30px -12px rgba(0, 0, 0, 0.6);

  /* ---- Transiciones ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 180ms;
  --t-med: 320ms;
  --t-slow: 600ms;

  --container: 1240px;
}