/* ─────────────────────────────────────────────
   NeuraPlan — Design Tokens
   Paleta inegociável + tipografia + spacing
   ───────────────────────────────────────────── */

:root {
  /* Surfaces — warm off-white dominante */
  --bg:          #FBFAF7;
  --bg-2:        #F5F3EE;
  --surface:     #FFFFFF;
  --ink:         #0A0A12;
  --ink-2:       #14141F;

  /* Text */
  --text:        #0A0A12;
  --text-2:      #525252;
  --text-3:      #8A8A8A;
  --text-on-ink: #FBFAF7;

  /* Accents — economia */
  --purple:      #7C3AED;
  --purple-soft: #F2EBFF;
  --teal:        #14B8A6;
  --terracota:   #E2522D;
  --terracota-soft: #FFE9DD;
  --pulse-red:   #EF4444;
  --pulse-green: #22C55E;

  /* Type stacks. Reusa as fontes carregadas pelo layout do app
     (Plus Jakarta Sans + DM Sans via next/font), pra manter
     consistência com o resto do produto. */
  --font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans:    "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", Menlo, monospace;
  --font-script:  "Caveat", "Brush Script MT", cursive;

  /* Sizing fluido — ajustado pra escala mais editorial/contida */
  --fs-eyebrow: clamp(11px, 0.78vw, 13px);
  --fs-body:    clamp(15px, 1.05vw, 17px);
  --fs-sub:     clamp(16px, 1.1vw, 18px);
  --fs-h3:      clamp(22px, 1.9vw, 28px);
  --fs-h2:      clamp(32px, 3vw, 48px);
  --fs-h1:      clamp(38px, 4vw, 64px);

  /* Easing */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Layout */
  --content-max: 1320px;
  --gutter: clamp(20px, 4vw, 64px);

  /* Misc */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --radius-pill: 999px;
}