$bg: #000;
$bg-2: #000;
$ink: #edf1f5;
$muted: #8e9aa7;
$panel: #000;
$panel-2: #000;
$line: #7f171d;
$line-soft: #4f1115;
$accent: #17c3b2;
$accent-red: #e43d30;
$accent-yellow: #f7c948;
$accent-green: #37e021;
$focus: #58a6ff;
$shadow: rgba(0, 0, 0, 0.42);

:root {
  --bg: #{$bg};
  --bg-2: #{$bg-2};
  --ink: #{$ink};
  --muted: #{$muted};
  --panel: #{$panel};
  --panel-2: #{$panel-2};
  --line: #{$line};
  --line-soft: #{$line-soft};
  --border-width: 1.5px;
  --accent: #{$accent};
  --accent-green: #{$accent-green};
  --accent-2: #{$accent-red};
  --accent-2-rgb: 228, 61, 48;
  --accent-2-border: #ff5a4f;
  --accent-2-hover: #f04d42;
  --accent-2-soft: rgba(var(--accent-2-rgb), 0.14);
  --accent-3: #{$accent-yellow};
  --focus: #{$focus};
  --shadow: #{$shadow};
  --font-body: "Rajdhani", "Segoe UI", Arial, sans-serif;
  --font-display: "Rajdhani", "Segoe UI", Arial, sans-serif;
}

:root.is-debug-mode {
  --line: #176b3f;
  --line-soft: #0f3f29;
  --accent-2: #2dd47f;
  --accent-2-rgb: 45, 212, 127;
  --accent-2-border: #7cffb2;
  --accent-2-hover: #28b96f;
  --accent-2-soft: rgba(45, 212, 127, 0.16);
  --accent-3: #7cffb2;
}
