/*
  Design tokens — Tecnodronarg redesign
  Ver DESIGN-SYSTEM.md para la justificación de cada valor.
*/
:root {
  /* Color primario (azul de marca real: #0170B9) */
  --color-primary-50:  #EAF5FC;
  --color-primary-100: #CFE9F8;
  --color-primary-200: #9FD3F1;
  --color-primary-300: #6FBCEA;
  --color-primary-400: #3FA6E3;
  --color-primary-500: #0170B9; /* base de marca */
  --color-primary-600: #015A94;
  --color-primary-700: #01446F;
  --color-primary-800: #002E4A;
  --color-primary-900: #001825;

  /* Acento cálido (precio / CTA de compra / TIBI) */
  --color-accent-400: #F2A93B;
  --color-accent-500: #D98E1B;
  --color-accent-600: #B8760E;

  /* Neutros (gris de marca real: #4B4F58) */
  --color-neutral-0:   #FFFFFF;
  --color-neutral-50:  #F7F8FA;
  --color-neutral-100: #EEF0F3;
  --color-neutral-200: #DDE1E6;
  --color-neutral-300: #C2C7CF;
  --color-neutral-400: #9AA1AC;
  --color-neutral-500: #6B7280;
  --color-neutral-600: #4B4F58; /* base de marca */
  --color-neutral-700: #363A42;
  --color-neutral-800: #22252B;
  --color-neutral-900: #121317;

  --color-surface-dark: #0B1220;

  --color-success: #1B8A5A;
  --color-warning: #C2760C;
  --color-error:   #C4351C;

  /* Superficie / texto por defecto */
  --color-bg: var(--color-neutral-0);
  --color-text: var(--color-neutral-700);
  --color-text-muted: var(--color-neutral-500);
  --color-border: var(--color-neutral-200);

  /* Tipografía: una sola familia variable */
  --font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;

  --fs-display: clamp(2.5rem, 1.6rem + 4.2vw, 4.5rem);
  --fs-h1: clamp(2rem, 1.5rem + 2.4vw, 3rem);
  --fs-h2: clamp(1.5rem, 1.25rem + 1.2vw, 2.25rem);
  --fs-h3: clamp(1.15rem, 1.05rem + 0.4vw, 1.5rem);
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-body-sm: 0.9rem;
  --fs-caption: 0.75rem;

  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.65;

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --section-y: clamp(4rem, 3rem + 5vw, 7rem);
  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 1rem + 2vw, 2.5rem);

  /* Radios */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* Elevación */
  --elevation-1: 0 1px 2px rgba(18, 19, 23, 0.06), 0 1px 3px rgba(18, 19, 23, 0.08);
  --elevation-2: 0 4px 10px rgba(18, 19, 23, 0.08), 0 2px 4px rgba(18, 19, 23, 0.06);
  --elevation-3: 0 12px 32px rgba(18, 19, 23, 0.16), 0 4px 10px rgba(18, 19, 23, 0.08);

  /* Movimiento */
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 400ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
}