/* ==========================================================================
   Easy Consult — Design Tokens
   ========================================================================== */

:root {
  /* 01. Couleurs — Primaires */
  --color-primary-900: #0E2F6E;
  --color-primary-700: #1F5785;
  --color-primary-500: #3976E5;
  --color-primary-100: #EAF2FF;

  /* Neutres */
  --color-grey-900: #2B2B2B;
  --color-grey-700: #555555;
  --color-grey-500: #8D8D8D;
  --color-grey-300: #D7D7D7;
  --color-grey-100: #F6F7F9;
  --color-white: #FFFFFF;

  /* Statuts */
  --color-success: #2E9E57;
  --color-warning: #F3A334;
  --color-error: #D93F3F;
  --color-info: #1F5785;

  /* Statuts — fonds clairs (pour badges / alertes) */
  --color-success-bg: #E6F5EC;
  --color-warning-bg: #FEF3E2;
  --color-error-bg: #FBEAEA;
  --color-info-bg: #EAF2FF;

  /* 02. Typographie */
  --font-display: "Cinzel", serif;
  --font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-interface: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-display: 60px;
  --fs-h1: 52px;
  --fs-h2: 42px;
  --fs-h3: 32px;
  --fs-h4: 26px;
  --fs-body-xl: 22px;
  --fs-body: 18px;
  --fs-small: 16px;
  --fs-caption: 14px;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.15;
  --lh-normal: 1.5;

  /* 03. Espacements */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-96: 96px;
  --space-128: 128px;

  /* 04. Radius */
  --radius-button: 10px;
  --radius-card: 18px;
  --radius-image: 20px;
  --radius-pill: 999px;

  /* 05. Ombres */
  --shadow-sm: 0 3px 12px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 12px 30px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.15);

  /* 06. Layout */
  --container-xl: 1400px;
  --container-lg: 1200px;
  --container-md: 960px;
  --container-sm: 720px;
  --grid-columns: 12;
  --grid-gap: 32px;

  /* Divers */
  --header-height: 76px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}