/* Berlitz 360 — design tokens */
:root {
  /* Brand */
  --b360-navy: #0A2F5C;
  --b360-navy-2: #0B3D73;
  --b360-blue: #1B6CB5;
  --b360-blue-soft: #E8F2FA;
  --b360-blue-line: #A8CBE8;

  /* Surfaces */
  --b360-canvas: #F4F6F9;
  --b360-surface: #FFFFFF;
  --b360-surface-2: #F8FAFC;
  --b360-sidebar: #0A2F5C;
  --b360-sidebar-hover: rgba(255, 255, 255, 0.08);
  --b360-sidebar-active: rgba(255, 255, 255, 0.14);

  /* Ink */
  --b360-ink: #0F172A;
  --b360-ink-2: #475569;
  --b360-ink-3: #94A3B8;
  --b360-ink-inv: #F8FAFC;
  --b360-ink-inv-2: rgba(248, 250, 252, 0.65);

  /* Lines & elevation */
  --b360-line: #E2E8F0;
  --b360-line-2: #CBD5E1;
  --b360-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --b360-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
  --b360-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);

  /* Status */
  --b360-ok: #059669;
  --b360-ok-soft: #ECFDF5;
  --b360-ok-line: #A7F3D0;
  --b360-warn: #B45309;
  --b360-warn-soft: #FFFBEB;
  --b360-warn-line: #FDE68A;
  --b360-err: #B91C1C;
  --b360-err-soft: #FEF2F2;
  --b360-err-line: #FECACA;
  --b360-sys: #5B21B6;
  --b360-sys-soft: #F5F3FF;
  --b360-sys-line: #DDD6FE;

  /* Shape & type */
  --b360-r: 10px;
  --b360-r-lg: 14px;
  --b360-r-xl: 18px;
  --b360-font: 'Heebo', system-ui, 'Segoe UI', Arial, sans-serif;
  --b360-sidebar-w: 248px;
  --b360-top-h: 56px;
  --b360-ease: cubic-bezier(0.22, 1, 0.36, 1);
}