/* OG Bank — les jetons de design. DA « Givre » validée par Théo le 07/10/2026 (planche de maquettes) :
   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">.
   Règle pour les feuilles de page : jamais une couleur écrite en dur, tout vient d'ici. */
:root {
  color-scheme: dark;
  --bg: #08090C;
  --text: #F3F4F6;
  --text-2: #D5D7DD;
  --muted: #9C9EA8;
  --ink: #F3F4F6;                 /* l'action principale : bouton, sélection */
  --on-ink: #08090C;
  --glass: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
  --glass-line: rgba(255,255,255,.09);
  --glass-top: rgba(255,255,255,.14);
  --glass-shade: 0 14px 34px -14px rgba(0,0,0,.7);
  --glass-sheen: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0));
  --veil: rgba(255,255,255,.08);  /* voile : fond d'un bouton secondaire, d'un onglet */
  --veil-2: rgba(255,255,255,.14);
  --line: rgba(255,255,255,.08);
  --field: rgba(255,255,255,.07);
  --field-line: rgba(255,255,255,.10);
  --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;
  --amb: radial-gradient(340px 260px at 92% 4%, rgba(90,110,255,.30), transparent 70%),
         radial-gradient(300px 240px at -6% 22%, rgba(255,140,110,.14), transparent 70%),
         radial-gradient(360px 300px at 104% 48%, rgba(80,200,180,.13), transparent 70%);
  --shadow-k: 1;

  --font: 'Geist', -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, 'Segoe UI', Roboto, sans-serif;
  --r-card: 22px; --r-big: 28px; --r-btn: 18px; --r-field: 16px;
  --dur: .22s; --ease: cubic-bezier(.2,.8,.2,1);
  --tab-h: 64px;
}
html[data-theme="clair"] {
  color-scheme: light;
  --bg: #EEF0F3;
  --text: #0B0C10;
  --text-2: #3A3C44;
  --muted: #62646E;
  --ink: #0B0C10;
  --on-ink: #FFFFFF;
  --glass: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.62));
  --glass-line: rgba(255,255,255,.95);
  --glass-top: #FFFFFF;
  --glass-shade: 0 0 0 .5px rgba(14,18,32,.07), 0 10px 28px -12px 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,.06);
  --veil-2: rgba(11,12,16,.10);
  --line: rgba(11,12,16,.07);
  --field: rgba(255,255,255,.75);
  --field-line: rgba(11,12,16,.08);
  --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;
  --amb: radial-gradient(340px 260px at 92% 4%, rgba(130,150,255,.30), transparent 70%),
         radial-gradient(300px 240px at -6% 22%, rgba(255,190,160,.26), transparent 70%),
         radial-gradient(360px 300px at 104% 48%, rgba(150,215,205,.22), transparent 70%);
  --shadow-k: .4;
}