@import url("https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --bg: #070a10;
  --bg-soft: #0d1117;
  --panel: rgba(16, 21, 30, 0.94);
  --panel-strong: rgba(19, 25, 36, 0.98);
  --text: #f5f7fb;
  --muted: rgba(239, 244, 255, 0.48);
  --muted-strong: rgba(239, 244, 255, 0.72);
  --muted-soft: rgba(239, 244, 255, 0.38);
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);
  --accent: #7a8cff;
  --accent-2: #d9e0ff;
  --accent-text: #0c1220;
  --accent-strong: #e4eaff;
  --shadow: 0 28px 72px rgba(0, 0, 0, 0.42);
  color-scheme: dark;
}

html,
body {
  color-scheme: dark;
  background: var(--bg);
}

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(122, 140, 255, 0.12), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(217, 224, 255, 0.08), transparent 20%),
    linear-gradient(180deg, #070a10 0%, #090d14 54%, #07090f 100%);
}

body::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 72px 72px, 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32), transparent 84%);
  opacity: 0.2;
}

input,
textarea,
select,
button {
  color-scheme: dark;
}

.site-header {
  background: rgba(8, 11, 17, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.site-header.scrolled {
  background: rgba(8, 11, 17, 0.9);
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

.btn-primary,
#subscribeBtn,
#confirm3DBtn {
  color: var(--accent-text);
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
  box-shadow: 0 14px 36px rgba(122, 140, 255, 0.22);
}

.btn-ghost:hover,
#loginBtn:hover,
.tool-upload:hover,
.workflow-upload-pill:hover,
.workflow-slider-row:hover {
  border-color: rgba(122, 140, 255, 0.24);
  background: rgba(255, 255, 255, 0.06);
}

.hero-angle-divider svg {
  stroke: rgba(217, 224, 255, 0.74);
}

.tool-progress {
  background: rgba(7, 10, 15, 0.82);
}