:root {
  --primary:        #FF1A1A;
  --primary-dark:   #D90429;
  --primary-light:  #e74c3c;
  --primary-bg:     #fdf3f2;

  --sidebar-bg:     #FF1A1A;
  --sidebar-hover:  rgba(255,255,255,0.12);
  --sidebar-w:      260px;

  --bg:             #f5f6fa;
  --surface:        #ffffff;
  --border:         #e8eaed;
  --text-main:      #1a1d23;
  --text-muted:     #7a8394;
  --text-light:     #b0b8c8;

  --status-red:       #e74c3c;
  --status-red-bg:    #fdecea;
  --status-orange:    #f39c12;
  --status-orange-bg: #fef6e4;
  --status-green:     #27ae60;
  --status-green-bg:  #e8f8ee;
  --status-pink:      #8e44ad;
  --status-pink-bg:   #f3eafd;

  --radius:    14px;
  --radius-sm: 8px;
  --shadow:    0 2px 12px rgba(0,0,0,0.07);
  --shadow-md: 0 4px 24px rgba(0,0,0,0.10);

  --font-head: 'Nunito', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  /* Bootstrap 5 overrides */
  --bs-primary:          #FF1A1A;
  --bs-primary-rgb:      192, 57, 43;
  --bs-border-radius:    var(--radius-sm);
  --bs-border-radius-lg: var(--radius);
  --bs-font-sans-serif:  'DM Sans', sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-bg:          var(--bg);
  --bs-body-color:       var(--text-main);
  --bs-border-color:     var(--border);
  --bs-box-shadow:       var(--shadow);
  --bs-box-shadow-sm:    var(--shadow);
}