/* css/01-base.css — Reset, design tokens (:root variables), base elements. Load order matters: files are cut from one stylesheet, in cascade order. */
/* ─── RESET & BASE ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --red:        #C0282D;
  --red-light:  #FBE9EA;
  --red-mid:    #E8A0A3;
  --green:      #16A34A;
  --green-light:#DCFCE7;
  --amber:      #D97706;
  --amber-light:#FEF3C7;
  --blue:       #2563EB;
  --blue-light: #EFF6FF;
  --red-tint:   rgba(192,40,45,0.045);
  --green-tint: rgba(22,163,74,0.05);
  --amber-tint: rgba(217,119,6,0.055);
  --blue-tint:  rgba(37,99,235,0.05);
  --bg:         #F9FAFB; 
  --surface:    #FFFFFF;
  --border:     #E5E7EB;
  --border-mid: #D1D5DB;
  --text:       #111827;
  --text-mid:   #4B5563;
  --text-muted: #6B7280;
  
  --sidebar-bg:    #3D0A0D; 
  --sidebar-text:  #D9B8B8;
  --sidebar-hover: rgba(255,255,255,0.08);
  --sidebar-w:     210px; /* Squeezed from 260px */
  
  --header-h:   56px; /* Squeezed from 72px */
  --radius:     8px;
  --shadow-xs:  0 1px 2px rgba(16,24,40,0.04);
  --shadow-sm:  0 1px 3px rgba(16,24,40,0.06), 0 1px 2px rgba(16,24,40,0.04);
  --shadow-md:  0 6px 16px rgba(16,24,40,0.08);
  --shadow-lg:  0 12px 32px rgba(16,24,40,0.12);
  --shadow:     0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
}
html { font-family: 'Poppins', sans-serif; }
body { font-family: 'Poppins', sans-serif; background: var(--bg); color: var(--text); font-size: 12px; line-height: 1.4; -webkit-font-smoothing: antialiased; overflow: hidden; }
button, input, select, textarea { font-family: 'Poppins', sans-serif; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }