:root {
  --ink: #0f2744;
  --ink-soft: #1a3a5c;
  --ink-muted: #3d5570;
  --teal: #0d7377;
  --teal-hover: #0a5c5f;
  --teal-soft: #e6f3f3;
  --gold: #c4923a;
  --gold-soft: #f7efe0;
  --sand: #f4f1eb;
  --sand-2: #ebe6dc;
  --surface: #ffffff;
  --stone: #e4dfd6;
  --line: #d9d3c8;
  --text: #1c1917;
  --text-soft: #57534e;
  --muted: #78716c;
  --danger: #b42318;
  --danger-soft: #fef3f2;
  --warning: #b54708;
  --warning-soft: #fffaeb;
  --success: #067647;
  --success-soft: #ecfdf3;
  --info: #175cd3;
  --info-soft: #eff8ff;
  --shadow-sm: 0 1px 2px rgba(15, 39, 68, 0.06);
  --shadow: 0 8px 24px rgba(15, 39, 68, 0.08);
  --shadow-lg: 0 18px 50px rgba(15, 39, 68, 0.14);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --sidebar: 272px;
  --topbar: 64px;
  --demo: 320px;
  --font: "Vazirmatn", Tahoma, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --ease: 160ms ease;
}

[data-shell="portal"] {
  --ink: #14332a;
  --teal: #2a6b4f;
  --teal-hover: #21563f;
  --sand: #f7f4ee;
}

[data-shell="workshop"] {
  --ink: #2a241c;
  --teal: #9a6b2f;
  --teal-hover: #7c5524;
}