:root {
  /* Colors */
  --primary: #F58220;
  --primary-hover: #E86A16;
  --primary-light: #FFA347;
  --secondary: #6B3A16;
  --bg-main: #FFF8F1;
  --bg-card: #FFFDF9;
  --bg-sidebar: #101D3C;
  --bg-sidebar-active: #0C1529;
  --bg-sidebar-submenu: #182645;
  --text-primary: #3D2415;
  --text-secondary: #8A4E24;
  --text-muted: #707C8D;
  --text-sidebar: #C3C6CE;
  --border: #F8E7D2;
  --border-dark: #DFE3E9;
  --disabled: #EFD5B3;
  --success: #2DBE60;
  --warning: #FFB020;
  --error: #DF4F5E;
  --info: #0F79A8;
  --gradient-start: #FFA347;
  --gradient-end: #E86A16;

  /* Shadows */
  --shadow-card: 0px 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-header: 0px 4px 20px rgba(0, 0, 0, 0.07);
  --shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.15);

  /* Border radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 20px;

  /* Spacing (8px grid) */
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;

  /* Sizing */
  --input-height: 40px;
  --btn-height: 36px;
  --btn-height-sm: 28px;
  --btn-height-lg: 44px;
  --header-height: 50px;
  --sidebar-item-height: 44px;
  --pagination-size: 32px;

  /* Typography */
  --font-family: 'Roboto', sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --line-height-tight: 16px;
  --line-height-sm: 18px;
  --line-height-base: 22px;
  --line-height-lg: 24px;
  --line-height-xl: 28px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.3s ease;
}