:root {
  /* Dynamic CSS Theme Variables injected dynamically from PHP */
  --color-primary: #DC2626;
  --color-primary-rgb: 220, 38, 38;
  --color-secondary: #FFFFFF;
  --color-secondary-rgb: 255, 255, 255;
  --color-tertiary: #D4AF37;
  --color-tertiary-rgb: 212, 175, 55;

  /* 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; }