/* Hill Tech Labs: brand tokens (color, type, grid, motion). One source of truth. */
:root {
  /* paper and graphite */
  --paper: #F3F2EE;          /* lab paper */
  --paper-2: #EBE9E3;        /* panels on paper */
  --paper-3: #E2E0D8;
  --white: #FBFAF7;          /* UI specimens, cards */
  --ink: #121212;            /* graphite: text and strong lines */
  --ink-2: #2A2A28;
  --muted: #5D5B55;          /* secondary text on paper (6.0:1) */
  --grid: #DCDAD2;           /* blueprint grid lines */
  --grid-strong: #C7C4B9;
  --line: rgba(18, 18, 18, .14);
  --line-strong: rgba(18, 18, 18, .34);

  /* accent and highlight */
  --cobalt: #2443FF;         /* the accent (5.6:1 on paper) */
  --cobalt-deep: #1A31C9;
  --cobalt-soft: rgba(36, 67, 255, .1);
  --cobalt-light: #8494FF;   /* cobalt for text on dark (6.9:1) */
  --label: #F5E663;          /* label yellow: highlights only */

  /* dark sections */
  --dark: #0E0E10;
  --dark-2: #18181B;
  --dark-3: #232327;
  --dark-line: rgba(243, 242, 238, .13);
  --dark-line-strong: rgba(243, 242, 238, .28);
  --dark-muted: rgba(243, 242, 238, .68);

  --focus: #2443FF;
  --selection-bg: #F5E663;
  --selection-fg: #121212;

  --font-sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Fragment Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --cell: 24px;              /* grid cell */
  --maxw: 1440px;
  --gutter: clamp(16px, 3.4vw, 56px);
  --margin-col: clamp(150px, 15vw, 220px);  /* notebook margin column */
  --bar-h: 56px;             /* toolbar height */
  --ease: cubic-bezier(.2, .7, .1, 1);
  --ease-in-out: cubic-bezier(.7, 0, .2, 1);
}