/* Clearline brand tokens v2 (October 2026). High Cut logo, Jade + monochrome. */
/* Fonts (Google Fonts): Inter (headlines use the display optical size), JetBrains Mono */
:root {
  /* Monochrome system: 90% of every layout */
  --cl-ink: #0D0F12;        /* text, dark sections */
  --cl-graphite: #1A1D22;   /* cards on dark */
  --cl-steel: #5A5F66;      /* secondary text */
  --cl-hairline: #CFCFC8;   /* rules, borders */
  --cl-concrete: #E7E7E2;   /* cards, surfaces */
  --cl-paper: #F5F5F2;      /* pages, light sections */

  /* Accent: 10% at most */
  --cl-jade: #0F9D74;       /* the line, the route, one highlight. Ink text on it. Not for small text on paper */
  --cl-jade-deep: #0A7556;  /* small labels, links, buttons with white text */

  /* Type */
  --cl-font-display: "Inter Display", "Inter", system-ui, sans-serif; /* weight 300 to 400, letter-spacing -0.025em */
  --cl-font-text: "Inter", system-ui, sans-serif;                     /* weight 400, 16 to 20px */
  --cl-font-mono: "JetBrains Mono", ui-monospace, monospace;          /* uppercase, letter-spacing 0.12em */

  /* Shape and rhythm */
  --cl-radius: 14px;
  --cl-grid: 40px;          /* hairline grid on dark sections only */
  --cl-line: 6px;           /* the Jade line, matches the logo's exit line at hero size */

  /* Logo minimums */
  --cl-logo-min-lockup: 160px;   /* below this use the solid wordmark or the icon */
  --cl-logo-min-wordmark: 120px;
}