:root {
  --bg: #f7faf8;
  --bg-elevated: #fbfdfc;
  --surface: #ffffff;
  --surface-strong: #101311;
  --text: #101311;
  --text-soft: #3f4541;
  --muted: #707671;
  --muted-light: #969c97;
  --border: #e3e6e1;
  --border-strong: #d4d9d3;
  --accent: #19d47f;
  --accent-strong: #087b4a;
  --accent-soft: #e7faef;
  --warning: #e86666;
  --warning-strong: #a73f3f;
  --warning-soft: #fff0f0;
  --danger: #e65d5d;
  --danger-strong: #ad3f3f;
  --danger-soft: #fff0f0;
  --info-soft: #eef4ff;
  --radius-card: 20px;
  --radius-control: 17px;
  --radius-small: 12px;
  --shadow-soft: 0 22px 70px rgba(13, 16, 15, 0.075);
  --shadow-card: 0 1px 0 rgba(255,255,255,.92) inset, 0 18px 46px rgba(22,58,40,.075);
  --transition: 220ms cubic-bezier(.2, .8, .2, 1);
  --sidebar-width: 240px;
  --content-max: 1580px;
}