:root {
  /* Brand */
  --brand:          #f59e0b;
  --brand-dark:     #d97706;
  --brand-light:    #fef3c7;

  /* Sidebar */
  --sidebar-w:      240px;
  --sidebar-bg:     #0f172a;
  --sidebar-border: #1e293b;
  --nav-text:       #94a3b8;
  --nav-hover-bg:   #1e293b;
  --nav-active-bg:  rgba(245,158,11,.12);
  --nav-active-text:#f59e0b;

  /* Surface */
  --bg:             #f1f5f9;
  --surface:        #ffffff;
  --surface-2:      #f8fafc;
  --border:         #e2e8f0;
  --border-strong:  #cbd5e1;

  /* Text */
  --text:           #0f172a;
  --text-2:         #475569;
  --text-3:         #94a3b8;

  /* Status */
  --green:          #10b981;
  --green-bg:       #d1fae5;
  --yellow:         #f59e0b;
  --yellow-bg:      #fef3c7;
  --red:            #ef4444;
  --red-bg:         #fee2e2;
  --blue:           #3b82f6;
  --blue-bg:        #dbeafe;
  --purple:         #8b5cf6;
  --purple-bg:      #ede9fe;

  /* Topbar */
  --topbar-h:       56px;

  /* Radius */
  --r-sm:           6px;
  --r:              8px;
  --r-lg:           12px;

  /* Shadow */
  --shadow-sm:      0 1px 2px rgba(0,0,0,.06);
  --shadow:         0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md:      0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);

  /* Font */
  --font:           'Inter', system-ui, -apple-system, sans-serif;
}