/* =============================================================
   VARIABLES — Palette, typographie, rayons, ombres
   BC Smart · navy + crème + pétrole
   ============================================================= */
:root {
  /* --- Typographie --- */
  --sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* --- Surfaces --- */
  --bg:         #ecebe5;
  --surface:    #faf9f4;
  --surface-2:  #f3f1ea;
  --surface-3:  #ffffff;

  /* --- Texte --- */
  --ink:        #0f1a2b;
  --ink-2:      #2c3852;
  --ink-3:      #4b5775;
  --muted:      #7c8398;
  --muted-2:    #99a1b3;

  /* --- Lignes --- */
  --line:        #e2ddcf;
  --line-strong: #cfc8b6;
  --line-soft:   #ebe6d7;

  /* --- Couleurs sémantiques --- */
  --accent:      #0e6f63;   /* vert pétrole */
  --accent-2:    #def1ec;
  --accent-3:    #b9e1d6;

  --info:        #1f4f8a;   /* bleu */
  --info-2:      #dde7f3;
  --info-3:      #b6c8e0;

  --warn:        #a55a1c;   /* ambre */
  --warn-2:      #f5e7d0;
  --warn-3:      #e6c994;

  --danger:      #a83626;   /* brique */
  --danger-2:    #f1d8d1;
  --danger-3:    #e0b1a6;

  /* --- Sidebar --- */
  --sb-bg:        #152a4a;
  --sb-bg-2:      #1a3253;
  --sb-ink:       #d1d8e6;
  --sb-ink-2:     #aab3c7;
  --sb-active:    rgba(255, 255, 255, .09);
  --sb-active-ink:#ffffff;
  --sb-border:    #233a5d;
  --sb-accent:    #3ed1bd;

  --ink-inverse: #fbf8f1;

  /* --- Divers --- */
  --r-sm:  6px;
  --r-md:  9px;
  --r-lg: 12px;
  --r-xl: 18px;

  --shadow-sm: 0 1px 0 rgba(15,26,43,.04), 0 1px 2px rgba(15,26,43,.04);
  --shadow-md: 0 4px 14px -6px rgba(15,26,43,.08), 0 2px 4px -2px rgba(15,26,43,.04);
  --shadow-lg: 0 10px 32px -12px rgba(15,26,43,.16), 0 6px 12px -6px rgba(15,26,43,.06);

  --tr: 150ms cubic-bezier(.4, 0, .2, 1);
}