:root {
  --mass-orange: #E65332;
  --mass-orange-hover: #CC4A25;

  --mass-canvas: #0D0F11;
  --mass-sidebar: #101215;
  --mass-surface: #171A1F;
  --mass-surface-2: #1D2127;
  --mass-border: #2A2E35;

  --mass-text: #F5F2EC;
  --mass-text-2: #A6A9AF;
  --mass-muted: #73777F;

  --mass-success: #45B97C;
  --mass-warning: #E0A33B;
  --mass-danger: #D85C5C;
  --mass-info: #6F8DFF;

  --mass-radius-sm: 8px;
  --mass-radius-md: 12px;
  --mass-radius-lg: 16px;
  --mass-radius-xl: 22px;

  --mass-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.22);

  --mass-font:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
}