/* Noetic Aperture — marketing entry
   Design system: ../design-system/ (source in SOURCE file) */
@import url('/design-system/tokens.css');
@import url('/shared/marketing/css/layout.css');
@import url('/shared/marketing/css/portal.css');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --site-ground: var(--na-cream);
  --site-surface: var(--na-cream);
  --site-card: #f5f1e8;
  --site-line: var(--na-rule-cream, #d8d0c4);
  --site-text-strong: var(--na-ink);
  --site-text: var(--na-ink);
  --site-text-body: var(--na-ink-soft);
  --site-text-muted: var(--na-ink-muted, #5c5348);
  --site-text-faint: var(--na-ink-faint, #8a8074);
  --site-accent: var(--na-gold, #c9a96e);
  --site-accent-hover: var(--na-gold-bright, #d4b87a);
  --site-on-accent: var(--na-ink);
  --site-font-display: var(--na-font-serif, 'Cormorant Garamond', Georgia, serif);
  --site-font-body: var(--na-font-sans, 'Inter', sans-serif);
  --site-font-mono: var(--na-font-mono, 'JetBrains Mono', monospace);
  --site-radius-sm: 8px;
  --site-radius: 12px;
}

body {
  margin: 0;
  background: var(--site-ground);
  color: var(--site-text-body);
  font-family: var(--site-font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--na-gold-text, #8a7248);
}

a:hover {
  color: var(--site-accent-hover);
}