:root{
  --bg: #f3f6f5;
  --panel: #ffffff;
  --surface: #ffffff;
  --surface-soft: #f8faf9;
  --surface-hover: #eef2f2;
  --panel-2: var(--surface-soft);
  --ink: #121716;
  --text: #121716;
  --text-soft: #2f3a3a;
  --muted: #6d7773;
  --text-muted: #6d7773;
  --text-faint: #98a39e;
  --line: #e1e7e3;
  --border: #e1e7e3;
  --line-strong: #cdd7d1;
  --border-strong: #cdd7d1;
  --dark: #111918;
  --dark-2: #1c2725;
  --primary: #c7362f;
  --primary-hover: #a72822;
  --primary-soft: #fff2f1;
  --primary-border: #efc5c1;
  --accent: #c7362f;
  --accent-dark: #a72822;
  --steel: #2f3a3a;
  --steel-soft: #eef2f2;
  --blue: #256f91;
  --blue-soft: #e5f3fa;
  --green: #16845a;
  --success: #16845a;
  --success-soft: #e5f3ec;
  --green-soft: var(--success-soft);
  --warning: #b87513;
  --warning-soft: #fff0dc;
  --amber: var(--warning);
  --urgent: var(--warning);
  --amber-soft: var(--warning-soft);
  --danger: #b8322e;
  --danger-soft: #fff1f0;
  --radius-sm: 0;
  --radius: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --shadow: 0 18px 24px -22px rgba(18, 28, 24, 0.22);
  --shadow-soft: 0 16px 22px -22px rgba(18, 28, 24, 0.18);
  --shadow-card: 0 18px 24px -22px rgba(18, 28, 24, 0.22);
  --shadow-popover: 0 20px 34px -22px rgba(18, 28, 24, 0.28);
  --shadow-nested: var(--shadow-card);
  --shadow-nested-hover: 0 22px 28px -22px rgba(18, 28, 24, 0.3);
}