/* Subset of exogist/frontend/src/styles/index/foundation.css needed to preview /tools outside the site. */
:root {
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Space Grotesk', sans-serif;
  --bg-base: #05060D;
  --bg-surface: #0B0E1C;
  --bg-elevated: #111828;
  --border-soft: rgba(126, 138, 166, 0.14);
  --text-primary: #F5F7FC;
  --text-secondary: #C5CFE3;
  --text-muted: #9AA8C2;
  --accent-blue: #6E9BFF;
  --nav-h: 4rem;
}
html[data-theme='light'] {
  --bg-base: #F3F6FB;
  --bg-surface: #FFFFFF;
  --bg-elevated: #EEF3FA;
  --border-soft: rgba(99, 120, 160, 0.18);
  --text-primary: #0F172A;
  --text-secondary: #334155;
  --text-muted: #475569;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg-base);
  color: var(--text-primary);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: var(--font-heading); letter-spacing: -0.03em; color: var(--text-primary); }
.site-shell { max-width: 1440px; margin: 0 auto; padding: 0 clamp(0.7rem, 1.6vw, 1rem); }
.h-4 { height: 1rem; } .w-4 { width: 1rem; }
.preview-theme-toggle {
  position: fixed;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 100;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.8rem;
  border: 1px solid var(--border-soft);
  border-radius: 999px;
  background: var(--bg-elevated);
  color: var(--text-primary);
  font: 500 0.85rem var(--font-body);
  cursor: pointer;
}
.preview-theme-toggle:hover { border-color: var(--accent-blue); }