/* Mashoora design system */
:root {
  --cb-primary: #5a9e4a;
  --cb-primary-dark: #2d5c3e;
  --cb-primary-light: #7cb86c;
  --cb-primary-glow: rgba(90, 158, 74, 0.35);
  --cb-accent-peach: #f5e6d4;
  --cb-accent-cyan: #00b4e6;
  --cb-secondary: #1a2332;
  --cb-text: #0f172a;
  --cb-text-2: #475569;
  --cb-muted: #94a3b8;
  --cb-surface: #ffffff;
  --cb-surface-2: #f8faf9;
  --cb-sidebar: #ffffff;
  --cb-chat-bg: #f1f5f2;
  --cb-border: #e2e8f0;
  --cb-border-soft: #eef2f6;
  --cb-active: #edf7ea;
  --cb-user-bubble: #5a9e4a;
  --cb-assistant-bubble: #ffffff;
  --cb-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --cb-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --cb-shadow-lg: 0 20px 50px rgba(45, 92, 62, 0.12);
  --cb-shadow-glow: 0 8px 28px var(--cb-primary-glow);
  --cb-radius-lg: 24px;
  --cb-radius-md: 16px;
  --cb-radius-sm: 10px;
  --cb-radius-full: 9999px;
  --cb-btn-radius: 8px;
  --cb-btn-padding-y: 6px;
  --cb-btn-padding-x: 10px;
  --cb-btn-padding-y-sm: 4px;
  --cb-btn-padding-x-sm: 8px;
  --cb-font: 'Cairo', 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --cb-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --cb-sidebar-w: 280px;
}