/* OG Prospection — les jetons de design. Théo, 09/10/2026 : « utilise le design d'OG Bank, plus épuré, plus pro ».
   C'est la DA « Givre » d'OG Bank : verre dépoli façon Apple, rigueur de Revolut, une seule couleur d'accent (un bleu),
   le reste en gris. Deux thèmes, le SOMBRE par défaut ; le clair s'active avec <html data-theme="clair">.
   Les couleurs d'état (à appeler, chaud, RDV…) sont les seules autres couleurs, toujours en pastille douce.
   Règle pour les feuilles de page : jamais une couleur écrite en dur, tout vient d'ici. */
:root {
  color-scheme: dark;
  --bg: #08090C;
  --bg-2: #0E1014;
  --text: #F3F4F6;
  --text-2: #D5D7DD;
  --muted: #9C9EA8;
  --ink: #F3F4F6;                 /* l'action principale, et ce qui est SÉLECTIONNÉ : très visible */
  --on-ink: #08090C;
  --glass: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.03));
  --glass-plat: rgba(255,255,255,.045);
  --glass-line: rgba(255,255,255,.09);
  --glass-top: rgba(255,255,255,.12);
  --glass-shade: 0 14px 34px -14px rgba(0,0,0,.7);
  --glass-sheen: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
  --veil: rgba(255,255,255,.07);
  --veil-2: rgba(255,255,255,.13);
  --line: rgba(255,255,255,.08);
  --field: rgba(255,255,255,.06);
  --field-line: rgba(255,255,255,.11);
  --mono-bg: linear-gradient(160deg, #2A2C33, #16171B);
  --mono-line: rgba(255,255,255,.10);
  --accent: #6E86FF;
  --accent-soft: rgba(110,134,255,.18);
  --on-accent-soft: #AEBCFF;
  --up: #3DD68C;
  --down: #FF7A6B;
  --backdrop: rgba(0,0,0,.55);
  --amb: radial-gradient(420px 320px at 92% 4%, rgba(90,110,255,.22), transparent 70%),
         radial-gradient(360px 280px at -6% 22%, rgba(255,140,110,.09), transparent 70%),
         radial-gradient(420px 340px at 104% 60%, rgba(80,200,180,.08), transparent 70%);
  /* Les états d'un lead : une couleur chacun, en texte sur pastille douce. */
  --st-cold: #8FA2FF;  --st-cold-bg: rgba(110,134,255,.16);   /* à appeler */
  --st-warm: #F2B45A;  --st-warm-bg: rgba(242,180,90,.15);    /* rappeler */
  --st-hot:  #FF8A5C;  --st-hot-bg: rgba(255,138,92,.16);     /* chaud */
  --st-tiede: #F5C76B; --st-tiede-bg: rgba(245,199,107,.14);  /* tiède */
  --st-ok:   #3DD68C;  --st-ok-bg: rgba(61,214,140,.15);      /* RDV */
  --st-sign: #C49BFF;  --st-sign-bg: rgba(196,155,255,.16);   /* signé */
  --st-no:   #FF7A6B;  --st-no-bg: rgba(255,122,107,.14);     /* non */
  --st-dim:  #A3A6B0;  --st-dim-bg: rgba(255,255,255,.07);    /* pas joint, écarté */

  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Geist', system-ui, 'Segoe UI', Roboto, sans-serif;
  --r-card: 20px; --r-big: 26px; --r-btn: 14px; --r-field: 14px;
  --dur: .2s; --ease: cubic-bezier(.2,.8,.2,1);
  --tab-h: 64px;
  --side-w: 96px;
  --content-max: 1440px;
}
html[data-theme="clair"] {
  color-scheme: light;
  --bg: #EEF0F3;
  --bg-2: #E6E9EE;
  --text: #0B0C10;
  --text-2: #3A3C44;
  --muted: #62646E;
  --ink: #0B0C10;
  --on-ink: #FFFFFF;
  --glass: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.66));
  --glass-plat: rgba(255,255,255,.78);
  --glass-line: rgba(14,18,32,.07);
  --glass-top: #FFFFFF;
  --glass-shade: 0 0 0 .5px rgba(14,18,32,.05), 0 10px 28px -14px rgba(14,18,32,.18);
  --glass-sheen: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
  --veil: rgba(11,12,16,.05);
  --veil-2: rgba(11,12,16,.09);
  --line: rgba(11,12,16,.07);
  --field: rgba(255,255,255,.85);
  --field-line: rgba(11,12,16,.10);
  --mono-bg: linear-gradient(160deg, #FFFFFF, #E2E4EA);
  --mono-line: #FFFFFF;
  --accent: #2F54EB;
  --accent-soft: rgba(47,84,235,.10);
  --on-accent-soft: #2340C8;
  --up: #0F7A43;
  --down: #B4362B;
  --backdrop: rgba(11,12,16,.35);
  --amb: radial-gradient(420px 320px at 92% 4%, rgba(130,150,255,.22), transparent 70%),
         radial-gradient(360px 280px at -6% 22%, rgba(255,190,160,.18), transparent 70%),
         radial-gradient(420px 340px at 104% 60%, rgba(150,215,205,.16), transparent 70%);
  --st-cold: #2F54EB;  --st-cold-bg: rgba(47,84,235,.10);
  --st-warm: #A15C07;  --st-warm-bg: rgba(217,119,6,.12);
  --st-hot:  #C2410C;  --st-hot-bg: rgba(234,88,12,.11);
  --st-tiede: #92650A; --st-tiede-bg: rgba(202,138,4,.12);
  --st-ok:   #0F7A43;  --st-ok-bg: rgba(16,150,80,.11);
  --st-sign: #6D28D9;  --st-sign-bg: rgba(124,58,237,.10);
  --st-no:   #B4362B;  --st-no-bg: rgba(220,38,38,.09);
  --st-dim:  #62646E;  --st-dim-bg: rgba(11,12,16,.06);
}
@media (prefers-reduced-transparency: reduce) {
  :root, html[data-theme="clair"] { --glass: var(--bg-2); --glass-plat: var(--bg-2); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}