/* ClosedLoop AI website design tokens (v3 "alive" cool ladder).
   Shared ground + type layer. NOTE: the app bundle (index-CFw-kQHv.css) re-declares
   --muted at :root and loads after this file, so v3.css is loaded LAST and re-asserts
   the ground/type set as the authoritative layer. Keep the two in sync. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* type on light */
  --ink: #141519;        /* headlines, body, ink buttons */
  --ink-2: #1B1F24;
  --graphite: #3A3F46;   /* strong meta / firm text */
  --muted: #6B6F77;      /* mono labels, captions */
  --muted-2: #A1A5AC;

  /* cool ladder ground */
  --page-bg: #FCFDFD;    /* page ground */
  --surface: #FFFFFF;    /* entities / cards */
  --surface-2: #F0F2F3;  /* boards behind surfaces */
  --surface-3: #E9ECEE;  /* firmer board */
  --board: #F0F2F3;
  --board-2: #E9ECEE;

  /* hairlines */
  --line: #D7DBDE;       /* firm hairline */
  --line-soft: #E6E9EB;  /* soft hairline */
  --rule: #E6E9EB;
  --rule-2: #D7DBDE;

  /* the one energy: current / measured marks / dark-band action */
  --orange: #FF4F00;

  /* semantic status (warm hues are intrinsic to warn/error; backgrounds kept as
     translucent tints so no warm-light ground hex enters the ladder) */
  --ok: #4A9B6E;
  --ok-bg: #EAF2EC;
  --warn: #B27C1C;
  --warn-bg: rgba(178,124,28,0.12);
  --bad: #C2442A;
  --bad-bg: rgba(194,68,42,0.10);
  --info: #3E6896;
  --info-bg: #E5ECF3;

  /* ClosedLoop AI brand: soft indigo, lifted from the logo (UNCHANGED) */
  --brand: #5F67BB;
  --brand-2: #4F58A8;
  --brand-soft: #ECEEF8;
  --brand-tint: #F4F5FA;

  /* sharp v3 corners */
  --r-xs: 2px;
  --r-sm: 2px;
  --r-md: 2px;
  --r-lg: 2px;
  --shadow-pop: 0 8px 32px rgba(20,21,25,0.08), 0 1px 0 rgba(20,21,25,0.04);
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur: 140ms;

  --sans: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
}

.mono { font-family: var(--mono); }