/* CSS Variables - Centralized theme configuration */

:root {
  
  /* Brand Colors - Updated Brand Palette */
  --samba-primary-blue: #183052; /* Dark Blue */
  --samba-primary-blue-dark: #183052; /* Dark Blue */
  --samba-primary-blue-navy: #183052; /* Dark Blue */
  --samba-primary-blue-navy-10: rgba(24, 48, 82, 0.1); /* Dark Blue with 10% opacity */
  --samba-primary-blue-navy-20: rgba(24, 48, 82, 0.2); /* Dark Blue with 20% opacity */
  --samba-accent-amber: #F59E4A; /* Orange/Amber */
  
  /* Semantic Colors - Pastel versions matching coral feel */
  --samba-success: #7dd87d; /* Pastel green */
  --samba-error: #ff9999; /* Pastel coral red */
  --samba-warning: #ffcc99; /* Pastel amber/orange */
  --samba-info: #99b3ff; /* Pastel blue */
  
  /* Neutral Colors */
  --samba-white: #ffffff;
  --samba-gray-border: #d7d8d9;
  --samba-gray-text: #929292;
  --samba-gray-bg: #f6f8fd;
  --samba-gray-dim: dimgrey;
  --samba-gray-muted: #e8e8e8;
  --samba-gray-muted-30: rgba(232, 232, 232, 0.3); /* Muted gray with 30% opacity */
  
  /* Typography */
  --samba-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --samba-font-size-base: 16px;
  --samba-font-size-sm: 0.875rem; /* 14px */
  --samba-font-size-lg: 1.125rem; /* 18px */
  --samba-font-weight-normal: 400;
  --samba-font-weight-medium: 500;
  --samba-font-weight-bold: 700;
  
  /* Spacing */
  --samba-spacing-xs: 4px;
  --samba-spacing-sm: 8px;
  --samba-spacing-md: 16px;
  --samba-spacing-lg: 24px;
  --samba-spacing-xl: 32px;

  /* Additional spacing values */
  --samba-spacing-025: 0.25rem; /* 4px */
  --samba-spacing-05: 0.5rem; /* 8px */
  --samba-spacing-075: 0.75rem; /* 12px */
  --samba-spacing-1: 1rem; /* 16px */
  
  /* Border Radius */
  --samba-border-radius-sm: 6px;
  --samba-border-radius-md: 6px;
  
  /* Shadows */
  --samba-shadow-sm: 0 1px 6px -1px rgba(33, 37, 41, 0.71), 0 2px 4px -2px rgba(33, 37, 41, 0.72);
  --samba-shadow-md: 0 0px 6px -1px #fff, 0 0px 10px -1px rgba(33, 37, 41, 0.72);
  --samba-shadow-lg: 0 0px 6px -1px #fff, 0 2px 15px -2px rgba(33, 37, 41, 0.72);
  --samba-shadow-focus: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--samba-info);
  --samba-shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  
  /* Additional Colors */
  --samba-black: #000000;
  --samba-orange: orange;
  --samba-red: red;
  --samba-gray-light: #f0f0f0;
  --samba-gray-medium: #6c757d;
  
  /* Layout Dimensions */
  --samba-sidebar-width: 250px;
  --samba-sidebar-width-collapsed: 80px;
  
  /* Grid Button Heights */
  --samba-grid-btn-height: 25px;
  
  /* Layout Colors */
  --samba-topbar-bg: var(--samba-white);
  --samba-bottombar-gradient-start: rgb(5, 39, 103);
  --samba-bottombar-gradient-end: rgb(255, 106, 0);
  
  /* Menu Specific Variables */
  --samba-menu-item-height: 3rem; /* 48px */
  --samba-menu-item-padding: 0.75rem 1rem; /* 12px 16px */
  --samba-menu-item-gap: 0.25rem; /* 4px - spacing between items */
  --samba-menu-item-font-size: 1rem;
  --samba-menu-item-font-weight: var(--samba-font-weight-medium);
  --samba-menu-submenu-padding: var(--samba-spacing-sm); /* 8px */
  --samba-menu-submenu-item-padding: var(--samba-spacing-05) var(--samba-spacing-075); /* 8px 12px */
  --samba-menu-indicator-width: 3px;
}