/* Handsome — bleu nuit #222e56 (logo), bleu ciel #98ccd7 (logo), orange promo */
:root {
  --brand: #222e56; --brand-d: #18214a; --brand-dd: #141a33; --brand-l: #e9f4f7;
  --promo: #d4520b; --promo-l: #fff0e3;
  --ink: #161b2e; --ink-2: #3e4459; --muted: #6c7184; --line: #e3e6ee; --line-2: #f1f3f7;
  --bg: #f8f9fb; --card: #fff; --ok: #1c7a45; --err: #c8322b; --warn: #a15c00;
  --r: 14px; --r-s: 9px; --shadow: 0 1px 2px rgba(22, 27, 46, .04), 0 6px 20px -8px rgba(22, 27, 46, .14);
  --side: 236px;
  --logo-w: 150px;
  --faint: #a5a9b6;
  --th-bg: #fafbfd;
  --row-hover: #f6f8fb;
  --noimg: #c6cad6;
  --dash: #d6dae4;
  --soft: #eceff5;
  --draft-ink: #5c6175;
  --toast-ok: #98ccd7;
  --login-glow: #dceff4;
  --shade-rgb: 22, 27, 46;
  --picked: #eaf5f8;
  --meta-dot: #c6cad6;
  --ed-hover: #eef7f9;
  --ed-hover-line: #c9e5ec;
  --brand-line: #b8d9e1;
  --var-bg: #fafcfd;
  --choice-hover: #f0f8fa;
  --on-dark: #98ccd7;
  --promo-rgb: 212, 82, 11;
  --new-row: #fff8f0;
  --cancel-ink: #757a8a;
  --slip-bg: #e9ecf2;
  --slip-logo-w: 140px;
}