/* Ported from the latitude-agent-score project. Only change from upstream: the
   Circular Std url points at /fonts/CircularStd-Bold.otf, which the main site
   already serves and which is byte-identical. Re-apply on any re-export. */
/* Marketing / landing page foundations — dark-first, gradient-driven. */

@font-face {
  font-family: "Circular Std";
  src: url("/fonts/CircularStd-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-circular: "Circular Std", "Inter Display", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --marketing-bg: hsl(0 0% 4%);
  --marketing-fg: #ffffff;
  --marketing-muted: rgba(255, 255, 255, 0.64);
  --marketing-border: rgba(255, 255, 255, 0.12);

  /* Spacing scale — marketing is spacious; never compress below these */
  --marketing-space-xs: 8px;
  --marketing-space-sm: 16px;
  --marketing-space-md: 24px;
  --marketing-space-lg: 32px;
  --marketing-space-xl: 48px;
  --marketing-space-2xl: 56px;
  --marketing-space-3xl: 80px;
  --marketing-container-x: 32px;
}

.marketing-page {
  background: var(--marketing-bg);
  color: var(--marketing-fg);
  min-height: 100vh;
}

.marketing-page .dark,
html.dark .marketing-page {
  color-scheme: dark;
}