/* ==========================================================================
   Content Machine design tokens: the ONLY place colors, type, spacing,
   radii and shadows are defined. Components read these; screens never set
   raw values. Values: Clarity, Consistency, Simplicity.

   Layout concept: a quiet light workspace. A fixed left rail groups screens
   the way the product map does (Input, Make, Output, Brain); every brand
   screen carries the week's focus sentence on top; content sits on white
   panels over a cool sage-grey ground.
   ========================================================================== */
:root {
  color-scheme: light;

  /* Ground and surfaces */
  --cm-paper: #F4F6F3;        /* app background, cool sage-grey */
  --cm-surface: #FFFFFF;      /* panels, cards, tables */
  --cm-surface-2: #EEF1ED;    /* subtle fills, hover, table header */
  --cm-line: #DDE3DE;         /* hairlines and borders */
  --cm-line-strong: #C3CCC5;  /* inputs, focused separators */

  /* Ink */
  --cm-ink: #17201C;          /* primary text */
  --cm-ink-2: #4B5852;        /* secondary text */
  --cm-ink-3: #7A8781;        /* tertiary text, captions */

  /* Accent: one brand color, used for primary actions and current state */
  --cm-accent: #1D6A51;
  --cm-accent-hover: #175641;
  --cm-accent-soft: #E1EFE8;
  --cm-on-accent: #FFFFFF;

  /* Jobs (Strategy Model): Grow, Nurture, Convert */
  --cm-grow: #2F6CC9;    --cm-grow-soft: #E3ECF9;
  --cm-nurture: #A9661A; --cm-nurture-soft: #F7ECDA;
  --cm-convert: #A43C66; --cm-convert-soft: #F5E3EB;

  /* Status (semantic, separate from jobs and accent) */
  --cm-ready: #2C7A4B;   --cm-ready-soft: #E2F1E7;
  --cm-progress: #4B5852; --cm-progress-soft: #EAEEEB;
  --cm-blocked: #B5392A; --cm-blocked-soft: #F9E4E0;
  --cm-posted: #5A4FA8;  --cm-posted-soft: #ECEAF7;

  /* Type */
  --cm-font-ui: "Onest", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --cm-font-display: "Bricolage Grotesque", "Bricolage Grotesque Variable", "Onest", "Segoe UI", system-ui, sans-serif;
  --cm-text-xs: 0.75rem;   /* 12px captions */
  --cm-text-sm: 0.8125rem; /* 13px labels, table cells */
  --cm-text-md: 0.875rem;  /* 14px body */
  --cm-text-lg: 1rem;      /* 16px emphasis */
  --cm-text-xl: 1.25rem;   /* 20px section titles */
  --cm-text-2xl: 1.75rem;  /* 28px page titles */
  --cm-leading: 1.5;

  /* Space (4px base) */
  --cm-s1: 4px; --cm-s2: 8px; --cm-s3: 12px; --cm-s4: 16px;
  --cm-s5: 24px; --cm-s6: 32px; --cm-s7: 48px;

  /* Shape */
  --cm-radius-sm: 6px;   /* chips, pills, inputs */
  --cm-radius-md: 10px;  /* panels */
  --cm-shadow: 0 1px 2px rgba(23, 32, 28, 0.06);
  --cm-rail-width: 248px;
}

body { background: var(--cm-paper); color: var(--cm-ink); }