:root {
  --font: Inter, "Segoe UI", Arial, sans-serif;
  --bg: #f4f3ef;
  --surface: #fbfaf7;
  --surface-strong: #ffffff;
  --sidebar: #171a1d;
  --sidebar-soft: #24282c;
  --text: #202326;
  --text-soft: #656b70;
  --text-inverse: #f6f4ee;
  --line: #deddd7;
  --line-strong: #c8c6bf;
  --accent: #d75724;
  --accent-soft: #f7e2d9;
  --success: #2d7a54;
  --success-soft: #dfeee6;
  --warning: #a56b17;
  --warning-soft: #f4ead8;
  --danger: #b44034;
  --danger-soft: #f4dfdc;
  --info: #2f657b;
  --info-soft: #dfebef;
  --shadow: 0 14px 40px rgb(31 34 36 / 8%);
  --radius-sm: 6px;
  --radius: 10px;
  --sidebar-width: 248px;
}