/*
 * NotaryChain — Design Tokens
 * Fuente única de verdad para colores, espaciado, radios y sombras.
 * Importar PRIMERO antes que cualquier otro CSS.
 */

:root {
  /* Colores — Tema Oscuro (por defecto) */
  --bg-primary:     #0a0b10;
  --bg-secondary:   #141620;
  --bg-glass:       rgba(20, 22, 32, 0.7);
  --text-primary:   #f8fafc;
  --text-secondary: #94a3b8;
  --accent-primary:   #00ffcc;
  --accent-secondary: #0ea5e9;
  --border-color:   rgba(255, 255, 255, 0.1);
  --shadow:         0 8px 32px 0 rgba(0, 0, 0, 0.8);
  --glow:           0 0 20px rgba(0, 255, 204, 0.3);
  --error:          #ef4444;

  /* Tipografía */
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Transiciones */
  --transition: 0.3s ease;

  /* Espaciado */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4rem;
  --space-3xl: 8rem;

  /* Radios */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   24px;
  --radius-full: 50px;
}

[data-theme="light"] {
  --bg-primary:     #f1f5f9;
  --bg-secondary:   #ffffff;
  --bg-glass:       rgba(255, 255, 255, 0.7);
  --text-primary:   #0f172a;
  --text-secondary: #475569;
  --accent-primary:   #059669;
  --accent-secondary: #0284c7;
  --border-color:   rgba(0, 0, 0, 0.1);
  --shadow:         0 8px 32px 0 rgba(31, 38, 135, 0.1);
  --glow:           0 0 20px rgba(5, 150, 105, 0.1);
}