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

:root {
  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --brand-blue: #32327d;
  --accent: #4f46e5;
  --accent-light: #eef2ff;
  --accent-border: #c7d2fe;
  --bg: #f5f5f2;
  --bg-card: #FFFFFF;
  --header-dark: #121212;
  --header-dark2: #1a1a1a;
  --topbar-bg: #FFFFFF;
  --sidebar-bg: #FFFFFF;
  --sidebar-width: 224px;
  --topnav-height: 54px;
  --productheader-height: 82px;
  --text-primary: #111111;
  --text-secondary: #5f5f5f;
  --text-muted: #8f8f8f;
  --text-dim: #BBBBBB;
  --border: #e7e5df;
  --border-light: #f1efe9;
  --positive: #16a34a;
  --positive-bg: #dcfce7;
  --negative: #dc2626;
  --negative-bg: #fee2e2;
  --neutral: #555;
  --neutral-bg: #f5f5f5;
  --orange: #f97316;
  --orange-bg: #fff7ed;
  --dot-filled: #f97316;
  --dot-empty: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
}

body {
  font-family: var(--font);
  font-size: 14px;
  color: var(--text-primary);
  background: var(--bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button { font-family: var(--font); cursor: pointer; border: none; background: none; }
