/* Automagno — design tokens (fuente: sistema de diseño Automagno) */
:root {
  /* color */
  --red-500: #ea1c2d;
  --red-600: #d3111a;
  --red-400: #ff4d52;
  --black-950: #08090b;
  --black-900: #0d0e12;
  --black-800: #17181a;
  --black-700: #2a2b2e;
  --ink: #111214;
  --white: #ffffff;
  --gray-50: #f5f5f5;
  --gray-200: #eaeae8;
  --gray-400: #9a9b9e;
  --gray-500: #8a8b8f;
  --gray-600: #6b6c70;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  /* radius */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-full: 9999px;
  /* shadow */
  --shadow-card-hover: 0 12px 28px rgba(8, 9, 11, 0.12);
  /* layout */
  --container-max: 1600px;
  --gutter: clamp(16px, 4.2vw, 80px);
  --section-y: clamp(56px, 6.25vw, 120px);
  --navbar-height: 80px;
  --font-display: "Krona One", "Archivo Black", system-ui, sans-serif;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}