/* Shared design tokens — the warm Basecamp/Fizzy-inspired palette used by
   both the tenant and backoffice surfaces. Single source of truth: tenant.css
   and backoffice.css both read these instead of defining their own copies.
   Component classes stay namespaced per surface (.tenant-* / .backoffice-*)
   even though the colors underneath are shared. */

:root {
  --purple: #7266ff;
  --purple-dark: #5b50e8;
  --purple-soft: #f0eeff;
  --mint: #8df0c2;
  --mint-dark: #1c9d73;
  --mint-soft: #e9fbf3;
  --ink: #111116;
  --ink-2: #1d1d25;
  --muted: #6b6b78;
  --line: #e5e5eb;
  --panel: #f6f6f8;
  --white: #fff;
  --warning: #f4a340;
  --warning-dark: #9a5b12;
  --warning-soft: #fff6e8;
  --sky: #4f9dde;
  --sky-dark: #2f7ab8;
  --sky-soft: #eaf4fc;
  --danger: #d84b4b;
  --danger-dark: #a83232;
  --danger-soft: #fff0f0;
  --success: #1c9d73;
  --shadow: 0 16px 44px rgba(17, 17, 22, 0.08);
  --radius: 20px;
}