/* ============================================================
   PACK BENTO : grilles bento, densite maitrisee.
   SaaS, produits, portfolios. Cartes blanches sur fond froid.
   Regle maison : jamais de carte orpheline, mobile = 1 colonne.
   Contrastes verifies AA le 31/07/2026.
   ============================================================ */
:root {
  --surface: #eef1f7;          /* le fond froid : les cartes s'y detachent */
  --surface-alt: #ffffff;
  --surface-raised: #ffffff;
  --surface-invert: #131a2b;

  --ink: #10192b;
  --ink-muted: #4b5a75;
  --ink-invert: #ffffff;
  --ink-invert-muted: #bac4d6;

  --accent: #4f46e5;
  --accent-contrast: #ffffff;
  --accent-soft: #e6e4fb;

  --border: #d9dfeb;
  --border-strong: #a8b4c9;
  --focus-ring: #4f46e5;

  --success: #17784a;
  --danger: #bb2124;

  --font-display: 'Sora', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --w-display: 700;
  --w-strong: 600;
  --w-body: 400;
  --ls-display: -0.03em;
  --tt-display: none;

  --r-field: var(--r-2);
  --r-btn: var(--r-full);      /* pastilles : la rondeur produit */
  --r-card: var(--r-3);
  --btn-px: 1.7rem;
  --btn-py: 0.85rem;
  --shadow-card: 0 2px 12px rgb(19 26 43 / 0.06);
}