:root {
  /* Base */
  --bg:        #0d0f1a;
  --bg2:       #111420;
  --surface:   #181c2e;
  --surface2:  #1e2336;
  --border:    #252c42;
  --border2:   #2e3654;

  /* Text */
  --text:      #e8eaf2;
  --text2:     #8892b0;
  --text3:     #4a5578;

  /* Accent */
  --accent:    #6366f1;
  --accent-h:  #5254cc;
  --accent-lo: rgba(99,102,241,.15);

  /* Status colors */
  --green:     #22c55e;
  --green-lo:  rgba(34,197,94,.12);
  --yellow:    #f59e0b;
  --yellow-lo: rgba(245,158,11,.12);
  --red:       #ef4444;
  --red-lo:    rgba(239,68,68,.12);
  --blue:      #3b82f6;
  --blue-lo:   rgba(59,130,246,.12);
  --purple:    #a855f7;
  --cyan:      #06b6d4;
  --pink:      #ec4899;
  --orange:    #f97316;

  /* Module colors */
  --mod-products:     #6366f1;
  --mod-inventory:    #22c55e;
  --mod-suppliers:    #f59e0b;
  --mod-financial:    #3b82f6;
  --mod-marketplace:  #ec4899;
  --mod-projects:     #a855f7;
  --mod-calendar:     #06b6d4;
  --mod-logistics:    #0ea5e9;
  --mod-note:         #f59e0b;

  /* Sizing */
  --sidebar-w:   220px;
  --panel-w:     300px;
  --topbar-h:    52px;
  --radius:      8px;
  --radius-lg:   12px;

  /* Shadow */
  --shadow:      0 2px 12px rgba(0,0,0,.4);
  --shadow-lg:   0 8px 32px rgba(0,0,0,.5);
}