:root {
  --bg-page: #fdfdfc;
  --bg-card: #ffffff;
  --bg-soft: #fafafa;
  --bg-subtle: #f7f7f7;

  --border-base: #ebeced;
  --border-muted: #eaedf0;
  --border-strong: #dcdee0;

  --text-base: #0d181f;
  --text-stone: #1c1917;
  --text-subtle: #3d484f;
  --text-muted: #757c80;
  --text-soft: rgba(0, 0, 0, 0.8);

  --danger: #e11d48;
  --success: #16c476;
  --warning: #f59e5b;
  --orange: #f56b46;

  --button-dark: #0d181f;

  --shadow-small:
    0 1px 2px rgba(9, 18, 23, 0.12),
    0 0 0 1px #ebeced;

  --shadow-dark:
    0 1px 2px rgba(9, 18, 23, 0.12),
    0 0 0 1px #172229;

  --sidebar-width: 282px;
  --canvas-width: 1230px;
  --content-width: 1166px;

  --font-main: Haffer, Inter, Arial, sans-serif;
  --font-alt: "Albert Sans", Inter, Arial, sans-serif;
}