@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --brand:          #7C6FE0;
  --brand-dim:      #534AB7;
  --brand-light:    #EEEDFE;
  --brand-text:     #A09AEE;

  --bg-app:         #0D0D0F;
  --bg-surface:     #141417;
  --bg-elevated:    #1C1C21;
  --bg-hover:       #222228;
  --bg-active:      #2A2A32;

  --text-primary:   #F0EFF8;
  --text-secondary: #9896A8;
  --text-tertiary:  #5C5A6B;

  --border-subtle:  rgba(255,255,255,0.06);
  --border-default: rgba(255,255,255,0.10);
  --border-strong:  rgba(255,255,255,0.18);

  --cat-crm:        #1D9E75;  --cat-crm-bg:   rgba(29,158,117,0.12);
  --cat-docs:       #D85A30;  --cat-docs-bg:  rgba(216,90,48,0.12);
  --cat-ai:         #BA7517;  --cat-ai-bg:    rgba(186,117,23,0.12);
  --cat-mgmt:       #378ADD;  --cat-mgmt-bg:  rgba(55,138,221,0.12);

  --success:        #22C55E;  --success-bg:   rgba(34,197,94,0.12);
  --warning:        #F59E0B;  --warning-bg:   rgba(245,158,11,0.12);
  --danger:         #EF4444;  --danger-bg:    rgba(239,68,68,0.12);
  --info:           #60A5FA;  --info-bg:      rgba(96,165,250,0.12);

  --sidebar-w-collapsed: 56px;
  --sidebar-w-expanded:  220px;
  --topbar-h:            52px;

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

  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --t-fast: 120ms ease;
  --t-base: 200ms ease;
  --t-slow: 350ms ease;
}

html[data-theme="light"] {
  --bg-app:         #F4F3FA;
  --bg-surface:     #FFFFFF;
  --bg-elevated:    #FFFFFF;
  --bg-hover:       #F0EFF8;
  --bg-active:      #E8E7F5;
  --text-primary:   #1A1930;
  --text-secondary: #6B6880;
  --text-tertiary:  #A8A6BC;
  --border-subtle:  rgba(0,0,0,0.05);
  --border-default: rgba(0,0,0,0.09);
  --border-strong:  rgba(0,0,0,0.16);
}