/* NIMBRA design tokens — dark, matched to the landing (home.css v2). */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  color-scheme: dark;
  /* palette (dark): names kept from reference #5 so older rules still resolve */
  --sky-0: #000000;
  --sky-1: #1F1D27;
  --sky-2: #3A3350;
  --peach: #F2A7D8;          /* warm second accent, as in the landing aurora */
  --gold: #CBBEFF;
  --plum-900: #FFFFFF;
  --plum-700: #7C5CFF;
  --plum-600: #8D71FF;
  --plum-500: #A08BFF;

  /* semantic: dark, same as the landing (home.css) */
  --bg: #000000;
  --bg-grad: radial-gradient(60% 40% at 70% 0%, rgba(124, 92, 255, .22), transparent 70%);
  --surface: rgba(255, 255, 255, .04);
  --surface-strong: rgba(255, 255, 255, .07);
  --border: rgba(255, 255, 255, .1);
  --text: #FFFFFF;
  --text-muted: #ABA7B5;
  --text-faint: #7C7885;
  --accent: #7C5CFF;
  --accent-ink: #fff;
  --accent-2: #CBBEFF;
  --ok: #4ADE9B;
  --err: #FF7A70;
  --focus: 0 0 0 3px rgba(160, 139, 255, .45);
  --shadow: 0 24px 60px -30px rgba(124, 92, 255, .45);
  --blur: saturate(140%) blur(18px);

  /* type */
  --serif: 'Manrope', system-ui, sans-serif; /* one typeface, as on the landing */
  --sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --fs-display: clamp(44px, 7.4vw, 112px);
  --fs-h2: clamp(32px, 4.4vw, 60px);
  --fs-h3: clamp(22px, 2vw, 28px);
  --fs-lead: clamp(16px, 1.35vw, 20px);
  --fs-body: 16px;
  --fs-small: 13px;

  /* shape & motion */
  --r-lg: 28px;
  --r: 18px;
  --r-sm: 12px;
  --r-pill: 999px;
  --gutter: clamp(16px, 4vw, 64px);
  /* one frame for every page: 1240px container, same side gutter as the landing sections */
  --frame: max(clamp(16px, 4.6vw, 76px), calc((100% - 1240px) / 2 + clamp(16px, 4.6vw, 76px)));
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: .5s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0s; }
}