/* Jetons de la charte Traace : couleurs, rayons, ombres. La police vit à part, dans
   assets/fonts/sn-pro.css, auto-hébergée elle aussi : aucune requête vers un tiers,
   ce qui compte sur une page où l'on demande la confiance. */
:root{
  --ink:#0f172a; --ink-2:#475569; --muted:#94a3b8; --line:#e2e8f0; --line-2:#dfdfdf;
  --bg:#ffffff; --bg-soft:#f8fafc;
  --accent:#111111; --accent-ink:#000000; --accent-soft:#f1f2f4; --accent-line:#d8d8db;
  --brand:#FF4F01; --brand-soft:#FFE9E0; --brand-ink:#C2410C; --brand-on:#ffffff; --brand-g1:#FF6E2A; --brand-g2:#F23C00; --brand-grad:linear-gradient(135deg,#FF6E2A,#F23C00); --brand-grad-hi:linear-gradient(135deg,#FF8A4A,#FF5410);
  --good:#178a4c; --good-soft:#ddf6e7; --bad:#dc2626; --bad-soft:#fee2e2; --warn:#B45309;
  --radius:14px; --radius-sm:11px;
  --shadow:0 8px 32px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-size:14px;font-weight:600;border-radius:10px;padding:9px 16px;border:0;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;text-decoration:none;color:var(--ink)}
.btn-primary{color:var(--brand-on);background:var(--brand-grad);border-color:rgba(190,50,0,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(160,45,0,.18)}
.btn-primary:hover{background:var(--brand-grad-hi);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 3px 10px rgba(255,79,1,.32)}
.btn-primary:active{background:var(--brand-grad);box-shadow:inset 0 1px 3px rgba(140,40,0,.32)}
.btn-sm{font-size:12.5px;padding:6px 12px;border-radius:9px}
.btn-ghost{background:#f1f2f4;color:#333}
.ob-link{display:flex;align-items:center;gap:9px;border:0;background:#f6f6f7;color:var(--ink-2);font:inherit;font-size:12.5px;font-weight:600;border-radius:10px;padding:9px 11px;cursor:pointer;transition:background .13s,color .13s;text-align:left}
.ob-link:hover{background:#ececec;color:var(--ink)}