:root {
  --bdl-font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --bdl-color-bg: #f4f6f8;
  --bdl-color-surface: #ffffff;
  --bdl-color-surface-soft: #f8f9fb;
  --bdl-color-border: #d9dee5;
  --bdl-color-border-strong: #aab2bd;

  --bdl-color-text: #17202a;
  --bdl-color-muted: #667085;
  --bdl-color-primary: #17202a;
  --bdl-color-primary-text: #ffffff;

  --bdl-color-danger: #9b1c1c;
  --bdl-color-danger-bg: #fff1f1;
  --bdl-color-danger-border: #e5baba;

  --bdl-color-success: #22663d;
  --bdl-color-success-bg: #eff9f2;
  --bdl-color-success-border: #b9ddc4;

  --bdl-radius-sm: 8px;
  --bdl-radius-md: 12px;
  --bdl-radius-lg: 14px;
  --bdl-radius-pill: 999px;

  --bdl-space-1: 4px;
  --bdl-space-2: 8px;
  --bdl-space-3: 12px;
  --bdl-space-4: 16px;
  --bdl-space-5: 20px;
  --bdl-space-6: 24px;
  --bdl-space-7: 32px;
  --bdl-space-8: 40px;

  /*
   * Fluid application width:
   * up to 1680px on wide screens, otherwise viewport minus 30px.
   * Header, navigation and management content share this token.
   */
  --bdl-content-width: 1680px;
  --bdl-auth-width: 480px;

  /*
   * Tenant/brand theming seam:
   * future tenant themes override tokens,
   * not complete templates.
   */
}