/* ==========================================================================
   Ameldatanet — Design tokens
   Paleta obligatoria: primario #08243a · secundario #1792b5
   ========================================================================== */

:root {
  /* ---- Marca ---- */
  --c-primary:        #08243a;   /* Azul profundo corporativo (dominante) */
  --c-primary-950:    #04141f;
  --c-primary-900:    #061c2e;
  --c-primary-800:    #0c3150;
  --c-primary-700:    #134066;

  --c-accent:         #1792b5;   /* Cian tecnológico (acentos / CTAs) */
  --c-accent-600:     #127a98;   /* Variante para texto sobre blanco (AA) */
  --c-accent-400:     #45afcd;
  --c-accent-300:     #7fcde3;
  --c-accent-100:     #d4eef6;
  --c-accent-50:      #ecf7fb;

  /* ---- Neutros ---- */
  --c-bg:             #ffffff;
  --c-bg-subtle:      #f5f8fa;
  --c-bg-muted:       #ecf1f5;
  --c-border:         #e2e9ee;
  --c-border-strong:  #cbd7e0;

  --c-text:           #0f2536;
  --c-heading:        var(--c-primary);
  --c-text-muted:     #4f6577;   /* 6:1 sobre blanco */
  --c-text-subtle:    #627789;   /* 4.6:1 sobre blanco */

  --c-on-dark:        #ffffff;
  --c-on-dark-muted:  rgba(255, 255, 255, .74);
  --c-on-dark-subtle: rgba(255, 255, 255, .56);
  --c-line-dark:      rgba(255, 255, 255, .12);

  /* ---- Tipografía ---- */
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.0625rem;
  --fs-lg:   1.25rem;
  --fs-xl:   clamp(1.35rem, 1.1rem + 0.8vw, 1.6rem);
  --fs-2xl:  clamp(1.9rem, 1.3rem + 2.4vw, 3rem);
  --fs-3xl:  clamp(2.5rem, 1.4rem + 4.6vw, 4.75rem);

  /* ---- Espaciado y layout ---- */
  --container: 1200px;
  --gutter: clamp(1rem, 0.6rem + 2vw, 2rem);
  --section-y: clamp(4.5rem, 3rem + 6vw, 8rem);
  --header-h: 72px;

  /* ---- Radios ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-full: 999px;

  /* ---- Sombras (en capas, tintadas con el primario) ---- */
  --shadow-xs: 0 1px 2px rgba(8, 36, 58, .06);
  --shadow-sm: 0 1px 2px rgba(8, 36, 58, .06), 0 1px 3px rgba(8, 36, 58, .05);
  --shadow-md: 0 2px 4px -2px rgba(8, 36, 58, .06), 0 8px 20px -6px rgba(8, 36, 58, .10);
  --shadow-lg: 0 8px 16px -8px rgba(8, 36, 58, .10), 0 28px 56px -16px rgba(8, 36, 58, .22);
  --shadow-ring: 0 0 0 1px rgba(8, 36, 58, .06);
  --focus-ring: 0 0 0 3px rgba(23, 146, 181, .45);

  /* ---- Movimiento ---- */
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-fast: 160ms;
  --dur-base: 240ms;
  --dur-slow: 600ms;
}