:root {
  --bg: #050507;
  --bg-soft: #0c0c10;
  --panel: rgba(14, 15, 20, 0.78);
  --panel-solid: #111217;
  --panel-2: #171820;
  --text: #f4f1ea;
  --text-dim: #bbb5aa;
  --text-mute: #7f7a72;
  --line: rgba(244, 241, 234, 0.16);
  --line-strong: rgba(244, 241, 234, 0.28);
  --red: #ff3f3b;
  --ember: #ffb15c;
  --cyan: #7bdff2;
  --green: #95e08e;
  --danger: #ff6868;
  --accent-grad: linear-gradient(135deg, #ff3f3b 0%, #ff7a45 52%, #ffb15c 100%);

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;
  --space-8: 104px;

  --max-w: 1180px;
}

html {
  background: var(--bg);
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 177, 92, 0.16), transparent 30%),
    radial-gradient(circle at 12% 48%, rgba(123, 223, 242, 0.08), transparent 32%),
    linear-gradient(180deg, #050507 0%, #08080b 44%, #0d0909 100%);
  color: var(--text);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}

::selection {
  background: rgba(255, 63, 59, 0.45);
}