@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");

:root {
  color-scheme: light;
  --pos-bg: radial-gradient(
    circle at 10% 0%,
    #fef2f2 0%,
    #f8fafc 45%,
    #eff6ff 100%
  );
  --panel-bg: #ffffff;
  --panel-border: #e2e8f0;
  --text-main: #111827;
  --text-muted: #64748b;
  --accent: #ea580c;
  --accent-dark: #c2410c;
  --surface-2: #f8fafc;
  --success: #139869;
  --nav-bg: rgba(255, 255, 255, 0.85);
  --nav-border: rgba(148, 163, 184, 0.25);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Manrope", "Segoe UI", sans-serif;
  background: var(--pos-bg);
  color: var(--text-main);
  min-height: 100vh;
}

h1,
h2,
h3,
.brand-title {
  font-family: "Space Grotesk", "Manrope", sans-serif;
}