:root {
  /* Brand Colors */
  --body-bg:          #F7F8FA;
  --color-primary-dark: #450011;
  --color-primary:      #7A1E2C; 
  --color-primary-mid:  #9F3A49; 
  --color-secondary-light: #E35D6A; 
  --color-secondary:    #FF7000;
  --color-icon:         #D4D9D6;
  --color-white:        #FFFFFF;
  --color-drak-white:   #FFFFFF80;
  --color-off-white:    #EAFAF1;
  --color-black:        #000000;
  --color-dark-black:  #284234;
  --color-light-black: #244332;
  --color-active: #10B981;
  --color-active-bg: #10B9811A;
  --color-inactive: #F4311B;
  --color-inactive-bg: #FFE0E0;
  --color-grey: #F8F9FB;
  --color-dark-grey:#6C7585;
  --color-grey-light:#717A89;
  --color-primary-light: #5C1A28;
  --color-activetext: #007C38;
  --color-inactivetext: #E82121;
  --color-hiddentext: #FF7000;
  --color-lightgrey-bg:#F2F3F5;
  --color-danger: #E61616;
  --color-red:#F21212;


 
  /* Sidebar */
  --sidebar-bg:         #450011;
  --sidebar-width:      250px;
  --sidebar-collapsed-width: 57px;
  --sidebar-text:       #EAFAF1;
  --sidebar-icon-color:#D4D9D6;
  --sidebar-active-bg:  #7A1E2C;
  --sidebar-active-text:#FFFFFF;
  --sidebar-active-icon:#FFFFFFCC;
  --sidebar-hover-bg:   #7A1E2C;
  --sidebar-badge-bg:   #FF7000;
 
  /* Topbar */
  --topbar-bg:          #FFFFFF;
  --topbar-border:      #F0ECEC;
  --topbar-height:      80px;
 
  /* Page */
  --page-bg:            #F6F4F4;
  --card-bg:            #FFFFFF;
  --card-border:        #EDE8E8;
  --card-radius:        10px;
  --card-shadow:        0 1px 4px rgba(0,0,0,0.06);
 
  /* Text */
  --text-primary:       #1A0A0D;
  --text-secondary:     #6B5C60;
  --text-muted:         #9E8A8E;
  --text-label:         #8B1A2E;
  --text-light-black: #262626;
 
  /* Status */
  --status-active-bg:   #D4EDDA;
  --status-active-text: #155724;
  --status-inactive-bg: #F8D7DA;
  --status-inactive-text:#721C24;
 
  /* Spacing */
  --space-1:0.25rem; --space-2:0.5rem; --space-3:0.75rem; --space-4:1rem;
  --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
 
  /* Font */
  --font-family: 'Noto Sans', sans-serif;

  --font-size-xl:30px;
  --font-size-lg:20px;
  --font-size-lmd:18px;
  --font-size-md:16px;
  --font-size-sm:14px;
  --font-size-xs:12px;
  --font-size-xxs:10px;

  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semi-bold:600;
  --font-weight-bold:700;
 
  /* Motion */
  --dur: 0.35s;
  --ease: ease;
  --bs-gutter-x: 1.5rem;
}