/* AI Brain design system — tokens
   Source: Cluse & Co letterhead theme (ink / stone / off-white, Cormorant Garamond + Inter).
   Every AI Brain page loads this file first. */

:root{
  /* colour */
  --ink:#001722;          /* primary text, solid blocks */
  --ink-80:#0A2F3F;       /* hover state on ink */
  --stone-60:#66747A;     /* secondary text */
  --stone-30:#B2B9BC;     /* borders, tertiary text */
  --stone-15:#DDE1E3;     /* hairlines, subtle fills */
  --off:#F4F2EE;          /* page background */
  --surface:#FFFFFF;      /* cards, forms */
  --alert:#8A2F1A;        /* errors only */

  /* type */
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  --text-xs:.72rem;
  --text-sm:.82rem;
  --text-base:15px;
  --text-md:1.05rem;
  --text-lg:1.35rem;
  --text-xl:clamp(1.7rem,4vw,2.3rem);
  --text-2xl:clamp(2.1rem,6vw,3.2rem);

  --track-wide:.16em;     /* uppercase labels, lockup */
  --track-med:.08em;      /* buttons */

  /* space */
  --space-1:.35rem;
  --space-2:.7rem;
  --space-3:1.05rem;
  --space-4:1.4rem;
  --space-6:2.1rem;
  --space-8:2.8rem;
  --space-12:4.2rem;

  /* shape */
  --radius:0;             /* the letterhead is square-edged — keep it */
  --border:1px solid var(--stone-30);
  --hairline:1px solid var(--stone-15);

  /* layout */
  --measure:640px;        /* single content column */
  --measure-wide:860px;   /* guide/styleguide column */
}