/* ==========================================================================
   Design tokens — Febus AI
   Dark theme · Bricolage Grotesque + Inter + JetBrains Mono.
   Violet = brand/primary action · Teal = conversion + positive signals.
   No gradients, no shadows, no glow — hierarchy from contrast + spacing.
   ========================================================================== */
:root {
  /* Surfaces */
  --bg: #0e0e12;
  --bg-soft: #16161b;       /* cards, raised panels, alt sections */
  --card: #16161b;
  --bg-raised-2: #1c1c22;   /* hover / nested */
  --line: #26262c;          /* default hairline (0.5px) */
  --line-strong: #3a3a42;   /* hover borders, ghost buttons */

  /* Text */
  --ink: #e8e8ec;           /* body */
  --ink-bright: #f4f4f6;    /* headings */
  --ink-dim: #9a9aa3;       /* secondary */
  --ink-faint: #6b6b74;     /* tertiary, footer, labels */

  /* Accents */
  --accent: #7f77dd;        /* violet — brand, primary CTA, featured */
  --accent-2: #afa9ec;      /* violet-soft — hover, em in titles */
  --teal: #5dcaa5;          /* conversion: final CTA, checks, eyebrow */
  --coral: #f0997b;         /* third accent, sparingly */
  --accent-ink: #0e0e12;    /* text on accent/teal surfaces (= bg) */

  /* Type */
  --font-display: "Bricolage Grotesque", "Inter", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Geometry / spacing */
  --maxw: 1080px;
  --radius: 12px;
  --radius-sm: 8px;
  --space: clamp(1rem, 2vw, 1.5rem);
  --section-y: clamp(3.5rem, 8vw, 5rem);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --reveal: 600ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --reveal: 0ms; }
}