/* Charte Digibus 2026 — jetons communs à TOUTES les maquettes (site public, GenApp, espace client, écrans d'application).
   Signature Digibus (référence) : anthracite élégant + UNE couleur d'accent (ici le bleu du logo Digibus), titres Montserrat.
   Ambition : niveau des meilleurs SaaS du marché (Shopify, Odoo, Webflow, Linear, Stripe) — clarté, profondeur, mouvement discret. */
:root {
  /* Fonds */
  --dg-ink-950: #0E1014;   /* anthracite profond (hero, barres latérales, pieds de page) */
  --dg-ink-900: #16181D;
  --dg-ink-800: #212121;   /* anthracite de la charte */
  --dg-ink-700: #2C2F36;
  --dg-ink-500: #5B6170;
  --dg-ink-400: #8A90A0;
  --dg-line: #E6E8EE;
  --dg-line-dark: rgba(255,255,255,.09);
  --dg-surface: #FFFFFF;
  --dg-canvas: #F6F7F9;    /* fond des pages claires */
  --dg-canvas-2: #EEF1F6;
  /* Accent (couleur du logo) */
  --dg-accent: #006AFD;
  --dg-accent-600: #0057D6;
  --dg-accent-300: #6FA8FF;
  --dg-accent-50: #EEF5FF;
  --dg-accent-grad: linear-gradient(135deg, #006AFD 0%, #3D8BFF 55%, #7AB0FF 100%);
  --dg-navy: #293853;      /* marine Digibus (secondaire) */
  /* Touche chaude, avec parcimonie (badges « nouveau », étoiles, points d'état) */
  --dg-warm: #F5B83D;
  /* États */
  --dg-ok: #12A150; --dg-ok-50: #E8F7EE;
  --dg-warn: #D98A00; --dg-warn-50: #FFF6E3;
  --dg-ko: #DC2626; --dg-ko-50: #FDECEC;
  /* Typographie */
  --dg-font-title: 'Montserrat', system-ui, sans-serif;
  --dg-font-text: 'Inter', system-ui, sans-serif;
  --dg-h1: clamp(2rem, 1.2rem + 3.6vw, 4rem);
  --dg-h2: clamp(1.6rem, 1.1rem + 2vw, 2.6rem);
  --dg-h3: clamp(1.15rem, 1rem + .6vw, 1.4rem);
  /* Formes */
  --dg-r-sm: 10px; --dg-r: 16px; --dg-r-lg: 24px; --dg-r-xl: 32px;
  --dg-shadow-sm: 0 1px 2px rgba(14,16,20,.06), 0 1px 1px rgba(14,16,20,.04);
  --dg-shadow: 0 12px 32px -14px rgba(14,16,20,.22), 0 2px 6px -2px rgba(14,16,20,.06);
  --dg-shadow-lg: 0 40px 80px -30px rgba(14,16,20,.38);
  --dg-glow: 0 0 0 1px rgba(0,106,253,.25), 0 18px 40px -16px rgba(0,106,253,.55);
  /* Mouvement */
  --dg-ease: cubic-bezier(.2,.7,.2,1);
  --dg-dur: .35s;
  --dg-wrap: 1240px;
}
@media (prefers-reduced-motion: reduce) { :root { --dg-dur: 0s; } }