/* ==========================================================================
   CARGO MARITIME — Design tokens
   ========================================================================== */

:root {
  /* Couleurs — palette "manifeste maritime" */
  --ink-900: #0B1F33;       /* bleu marine encre — fond principal sombre */
  --ink-800: #122A42;
  --ink-700: #1C4F6B;       /* bleu pétrole — accent secondaire */
  --paper-100: #F7F4ED;     /* papier — fond clair */
  --paper-200: #EFEAE0;
  --paper-300: #E8E2D3;     /* papier ombré — cartes */
  --rust-500: #C8651B;      /* rouille / cachet douane — accent CTA */
  --rust-600: #AD5414;
  --rust-100: #F2DCC8;
  --slate-600: #3A4750;     /* texte courant */
  --slate-400: #6B7680;
  --line-soft: rgba(11, 31, 51, 0.12);
  --line-soft-paper: rgba(247, 244, 237, 0.18);

  /* Statuts (réassurance / badges) */
  --success-600: #2F6B4F;

  /* Typographie */
  --font-display: "Fraunces", "Iowan Old Style", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* Échelle typographique */
  --fs-2xs: 0.6875rem;   /* 11px — labels mono */
  --fs-xs: 0.8125rem;    /* 13px */
  --fs-sm: 0.9375rem;    /* 15px */
  --fs-base: 1.0625rem;  /* 17px — corps */
  --fs-md: 1.25rem;      /* 20px */
  --fs-lg: 1.625rem;     /* 26px */
  --fs-xl: 2.25rem;      /* 36px */
  --fs-2xl: 3.25rem;     /* 52px */
  --fs-3xl: 4.5rem;      /* 72px — hero desktop */

  /* Espacements */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6.5rem;
  --space-8: 9rem;

  /* Layout */
  --container-max: 1240px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;

  /* Ombres — sobres, presque absentes (papier mat, pas de glassmorphism) */
  --shadow-card: 0 1px 2px rgba(11, 31, 51, 0.06), 0 8px 24px rgba(11, 31, 51, 0.06);
  --shadow-lift: 0 4px 8px rgba(11, 31, 51, 0.08), 0 20px 40px rgba(11, 31, 51, 0.10);

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}