/* ============================================================
   KONNECT - DESIGN SYSTEM v4.2 - TOKENS (SSR / Propshaft)
   Palette : Ink #1A1E2B, Ink cell #2A2F40, Paper #FAFAFA, Sienna #C5531D
   Type    : Inter (UI, titres, italique, métas) - une seule famille.
   Esprit  : Hub événementiel B2B - dense, structuré, autorité chaleureuse.
   Source de vérité : Konnect - Design System v4.html (:root)
   ============================================================ */
:root {
  /* Palette du logo */
  --ink: #1A1E2B;
  --ink-cell: #2A2F40;
  --paper: #FAFAFA;
  --sienna: #C5531D;

  /* Échelle étendue */
  --ink-d: #0F1320;
  --ink-2: #3A4156;
  --ink-3: #6A7187;
  --ink-4: #9AA0B4;
  --ink-5: #C4C8D4;
  --line: #E5E6EC;
  --line-soft: #EEF0F4;
  --surface: #FFFFFF;
  --soft: #F2F3F7;
  --soft-2: #E8EAF0;

  --sienna-d: #A14315;
  --sienna-l: #E07B47;
  --sienna-soft: #F5DDD0;
  --sienna-tint: #FBEFE5;

  /* Sémantique */
  --green: #1F8A5B;
  --green-d: #15623F;
  --green-soft: #DBF0E6;
  --amber: #D9A441;
  --amber-soft: #F8EAC9;
  --red: #C8392B;
  --red-d: #8E2F25;
  --red-soft: #F8DBD7;
  --info: #2E6FD9;
  --info-soft: #DBE6F8;

  /* Couleurs par format (univers) */
  --c-salon: #2E5A3A; --c-salon-soft: #E8EFE8;
  --c-road: #9C6A1E;  --c-road-soft: #F7EDD5;
  --c-conf: #5C2E5A;  --c-conf-soft: #F1E4F0;
  --c-web: #2A5074;   --c-web-soft: #E4ECF3;
  --c-dej: #6E5C2E;   --c-dej-soft: #F0EBD6;

  /* Type - Inter uniquement */
  --ff: 'Inter', system-ui, -apple-system, sans-serif;

  /* Radius - angles vifs. --r-full RÉSERVÉ aux barres de progression & toggles */
  --r-xs: 2px;
  --r-sm: 3px;
  --r-md: 5px;
  --r-lg: 8px;
  --r-xl: 12px;
  --r-full: 999px;

  /* Animation */
  --ease: cubic-bezier(.2, .7, .3, 1);

  /* Shadow */
  --sh-xs: 0 1px 2px rgba(26, 30, 43, .06);
  --sh-sm: 0 2px 6px -2px rgba(26, 30, 43, .08), 0 1px 2px rgba(26, 30, 43, .04);
  --sh-md: 0 6px 18px -4px rgba(26, 30, 43, .10), 0 2px 6px -2px rgba(26, 30, 43, .06);
  --sh-lg: 0 18px 40px -12px rgba(26, 30, 43, .16), 0 6px 14px -4px rgba(26, 30, 43, .08);
  --sh-xl: 0 30px 60px -20px rgba(26, 30, 43, .22);
}

/* ============================================================
   RESET minimal cohérent avec les templates v4.2
   ============================================================ */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--ff);
  background: var(--paper);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }

::selection { background: var(--sienna); color: #fff; }