:root {
  --bg: #F0F2F5;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --surface-muted: #eef2f7;
  --border: #E0E0E0;
  --text: #1A1A1A;
  --muted: #6B7280;

  --primary: #E8541A;
  --primary-dark: #c94510;
  --primary-soft: #fff3ee;

  --success: #2E7D32;
  --warning: #F5A623;
  --danger: #C0392B;
  --info: #1565C0;

  --shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --shadow-soft: 0 4px 12px rgba(15, 23, 42, 0.05);

  --radius-xl: 24px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;

  --topbar-height: 68px;
  --sidebar-width: 260px;
  --rightpanel-width: 320px;
  --max-width: calc(100% - 48px);
  --shell-max-width: calc(100% - 48px);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
}

body {
  min-height: 100vh;
}

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

button,
input,
select {
  font: inherit;
}