:root{
  --nauta-bg: #0B0B0B;
  --nauta-fg: #FFFFFF;
  --nauta-text: #111111;
  --nauta-muted: #6B7280;
  --nauta-border: #E5E7EB;
  --nauta-accent: #2F7BFF;
  --nauta-accent-alt: #C7FF41;
  --surface-0: #FFFFFF;
  --surface-1: #F9FAFB;
  --surface-2: #F3F4F6;
  --surface-0-dark: #0B0B0B;
  --surface-1-dark: #111111;
  --surface-2-dark: #171717;
  --fs-display: clamp(3.25rem, 7.5vw, 6.5rem);
  --fs-h1: clamp(3rem, 7vw, 6rem);
  --fs-h2: clamp(2rem, 4.5vw, 3.25rem);
  --fs-h3: clamp(1.5rem, 2.8vw, 2rem);
  --fs-body: 1rem;
  --fs-small: .92rem;
  --radius: 18px;
  --radius-pill: 999px;
  --container: min(1200px, 92vw);
}
body{ color: var(--nauta-text); background: var(--surface-0); }
@media (prefers-color-scheme: dark){
  body{ background: var(--surface-0-dark); color: var(--surface-2); }
}
.nauta-container{ width: var(--container); margin-inline: auto; }
.nauta-btn{ display:inline-flex; align-items:center; gap:.5rem; border:1px solid currentColor; padding:.7rem 1.1rem; border-radius: var(--radius-pill); text-decoration:none; }
.nauta-btn--primary{ background: var(--nauta-accent); color: #fff; border-color: var(--nauta-accent); }
.nauta-card{ border:1px solid var(--nauta-border); border-radius: var(--radius); overflow:hidden; background: var(--surface-1); }