:root {
  /* Couleurs — reprises du CSS partagé Webflow de legaleo.webflow.io
     (variables --color--*), mêmes valeurs que front-legaleo-leo. */
  --color-beige: #f7f4ef;
  --color-black: #1f120e;
  --color-white: #fffefb;
  --color-border: #e6e0d3;
  --color-muted: #6f6757;
  --color-faint: #9a948a;

  --color-teal: #087f83;
  --color-teal-text: #065e61;
  --color-teal-bg: #e9fbfb;
  --color-teal-deep: #0f4a48;
  --color-cyan: #62e7eb;
  --color-cyan-light: #d9fdfb;

  /* Badge Leo — reprend .iconTile de legaleo-ai/components/design-system/LeoBadge */
  --color-leo-badge: #00383c;

  --color-brick: #a3310f;
  --color-lime: #e2e62f;

  --color-orange-bg: #ffe9bd;
  --color-orange-text: #a4620c;

  --color-green-text: #3c7a2d;
  --color-green-bg: #e5f5e0;

  /* Violet unique : relecture avocat (pastilles, commentaire, surlignage)
     et champs dynamiques (chips de variables). */
  --color-purple-text: #8c3ddb;
  --color-purple-bg: #f6e9fd;
  --color-purple-line: color-mix(in srgb, #8c3ddb 25%, transparent);

  /* Typo */
  --font-serif: "Fraunces", Georgia, serif;
  --font-sans: "Manrope", Arial, sans-serif;

  /* Rayons */
  --radius-pill: 100px;
  /* xl/lg calés sur --radius--main (1.3rem) et --radius--medium (1rem) de
     www.legaleo.ai : plus tendus, plus proches des cartes de la plateforme. */
  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 16px;
  --radius-sm: 8px;

  /* Ombres */
  --shadow-card: 0 1px 2px rgb(31 18 14 / 0.04), 0 6px 16px -8px rgb(31 18 14 / 0.1);
  --shadow-float: 0 2px 4px rgb(31 18 14 / 0.05), 0 24px 48px -16px rgb(31 18 14 / 0.22);

  /* Largeur de contenu */
  --wrap-max: 1200px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}