:root {
 --color-primary: #0D3B2E;
--color-primary-rgb: 13, 59, 46;

--color-secondary: #F8F9FA;
--color-secondary-rgb: 248, 249, 250;

--color-tertiary: #C59B27;
--color-tertiary-rgb: 197, 155, 39;

/* Neutral UI System Colors */
--color-bg-light: #F9FAFB;
--color-surface: #FFFFFF;
--color-text-main: #111827;
--color-text-muted: #6B7280;
--color-border: #E5E7EB;
--color-danger: #EF4444;
--color-success: #10B981;



  /* Layout Standards */
  --sidebar-width-expanded: 260px;
  --sidebar-width-collapsed: 72px;
  --header-height: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --transition-fast: all 0.2s ease-in-out;
  --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Reset & Scoped Defaults */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background-color: var(--color-bg-light);
  color: var(--color-text-main);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Global Typography & Micro-utility resets */
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; }
img { max-width: 100%; display: block; }