/* ============================================================================
   Agent Foundry — design tokens v2 (single source of truth)
   Direction: modern dev-tool. Near-black ground, one magenta-coral accent,
   a single sans family pair, mono reserved for code and data.
   Reference bar: Appwrite / nhost / Supabase. Owner-locked 2026-06-04.
   ========================================================================== */

:root {
  /* --- Type ---------------------------------------------------------------
     Display: Instrument Sans (tight, modern grotesk).
     Body: Inter. Mono: JetBrains Mono (code, commands, hashes only). */
  --font-display: "Instrument Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* --- Ground (cool near-black, never pure #000) -------------------------- */
  --bg: #0b0b0f;
  --surface: #121217;
  --raised: #18181f;
  --sunken: #08080b;

  /* --- Ink ----------------------------------------------------------------
     faint is tuned to hold >= 4.5:1 on --bg at small sizes. */
  --ink: #f4f4f6;
  --ink-muted: #a7a7b4;
  --ink-faint: #9a9aa6;

  /* --- Lines / borders ----------------------------------------------------- */
  --line: #232330;
  --line-strong: #32323f;

  /* --- The one accent: magenta-coral (Appwrite-family pink) ---------------- */
  --accent: #fd366e;
  --accent-soft: #ff6592;
  --accent-deep: #d91a55;
  --accent-ink: #ffffff;            /* text on accent fills */
  --accent-wash: rgba(253, 54, 110, 0.08);
  --accent-glow: rgba(253, 54, 110, 0.16);

  /* --- Quiet semantic green (verified / done only) ------------------------- */
  --ok: #2fd18b;

  /* --- Radii (modern, calm) ------------------------------------------------ */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* --- Elevation: borders first, one restrained glow for the hero ---------- */
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 8px 24px -16px rgba(0, 0, 0, 0.8);
  --shadow-pop: 0 16px 48px -24px rgba(0, 0, 0, 0.9);

  /* --- Motion: decelerate, never bounce ------------------------------------ */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-med: 320ms;
  --dur-slow: 600ms;

  /* --- Layout rhythm -------------------------------------------------------- */
  --max-page: 1100px;
  --gutter: clamp(1.25rem, 5vw, 2.5rem);
  --section-gap: clamp(5rem, 12vh, 9rem);
}