:root {
  --color-bg: #f7f7f5;
  --color-bg-alt: #ffffff;
  --color-text: #1a1a1a;
  --color-text-muted: #6b6b6b;
  --color-border: #e3e2df;
  --color-accent: #f5a623;
  --color-accent-dark: #c97f0e;
  --color-sidebar-bg: #1a1a1a;
  --color-sidebar-text: #c7c7c7;
  --color-sidebar-text-active: #ffffff;
  --color-success: #2e7d32;
  --color-success-bg: #e6f4ea;
  --color-warning: #8a6100;
  --color-warning-bg: #fff5e0;
  --color-danger: #c0392b;
  --color-danger-bg: #fbe9e7;
  --font-sans: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.08);
  --sidebar-width: 260px;
  --sidebar-width-collapsed: 76px;
}

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  font-family: var(--font-sans);
  background: var(--color-bg);
  color: var(--color-text);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }

ul { list-style: none; margin: 0; padding: 0; }

h1, h2, h3, h4 { margin: 0 0 0.5rem; font-weight: 600; line-height: 1.25; }

p { margin: 0 0 0.5rem; }

img, svg { display: block; }

button { font-family: inherit; cursor: pointer; border: none; background: none; }

::selection { background: var(--color-accent); color: #1a1a1a; }