/* ============================================
   DESIGN TOKENS - HENAT v2
   Variables CSS para todo el proyecto
   ============================================ */

:root {
  /* ── Colores Primarios (Verdes) ── */
  --primary: #0B3029;
  --primary-light: #145549;
  --primary-xl: #1d705e;
  --primary-xxl: #096952;
  --bg-green: #0b2823;

  /* ── Dorado (Acento) ── */
  --gold: #C8A44E;
  --gold-light: #dbb960;
  --gold-dark: #A8882E;
  --gold-deep: #7a5e14;

  /* ── Fondos ── */
  --bg: #0d0d0a;
  --bg-alt: #11100c;
  --bg-light: #f7f3ec;
  --bg-card: rgba(255, 255, 255, 0.015);
  --bg-card-light: #ffffff;

  /* ── Textos ── */
  --text: #ece6da;
  --text-muted: #a09888;
  --text-dim: #908878;
  --text-dark: #1a1a16;
  --text-dark-muted: #4a4440;

  /* ── Bordes ── */
  --border: rgba(200, 164, 78, 0.1);
  --border-light: rgba(0, 0, 0, 0.06);
  --border-gold: rgba(200, 164, 78, 0.15);
  --border-green: rgba(11, 48, 41, 0.3);

  /* ── Espaciado ── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 60px;
  --space-3xl: 80px;

  /* ── Border Radius ── */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 100px;

  /* ── Sombras ── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.2);
  --shadow-gold: 0 8px 24px rgba(200, 164, 78, 0.25);

  /* ── Estados (Validación) ── */
  --success: #28a745;
  --success-bg: rgba(40, 167, 69, 0.05);
  --error: #dc3545;
  --error-bg: rgba(220, 53, 69, 0.05);
  --error-text: #dc3545;

  /* ── Blancos/Negros para Print ── */
  --white: #ffffff;
  --white-pure: #ffffff;
  --black: #000000;
  --gray-dark: #1a1a16;
  --gray-muted: #4a4440;
  --shadow-green: 0 8px 24px rgba(11, 48, 41, 0.3);

  /* ── Tipografía ── */
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* ── Transiciones ── */
  --ease: cubic-bezier(0.65, 0, 0.35, 1);
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* ── Layout ── */
  --nav-height: 72px;
  --content-max: 1280px;
  --content-padding: 40px;
}