/* PaperCam visual identity tokens. */
@font-face {
  font-family: Archivo; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url('./fonts/Archivo-Latin.woff2') format('woff2');
}
@font-face {
  font-family: Manrope; font-style: normal; font-weight: 200 800;
  font-display: swap; src: url('./fonts/Manrope-Latin.woff2') format('woff2');
}
:root {
  --code-keyword: #6e448e;
  --code-function: #285c83;
  --code-literal: #79601c;
  --paper: #fafaf7;
  --surface: #ebebe6;
  --ink: #171717;
  --ink-soft: #5b5b57;
  --line: #d9d9d2;
  --line-strong: #b8b8b1;
  --signal: #f7c843;
  --signal-hover: #efbe33;
  --signal-active: #e9b72b;
  --signal-pale: #fff2b6;
  --focus-fill: var(--signal-pale);
  --focus-edge: var(--ink-soft);
  --focus-width: 1px;
  --font-display: Archivo, Arial, sans-serif;
  --font-ui: Manrope, Arial, sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;
  --paper-toolbar-height: 52px;
  --paper-sidebar-width: 360px;
  --paper-sidebar-min: 360px;
  --paper-sidebar-max: 560px;
  --paper-view-min: 480px;
  --paper-divider-target: 24px;
  --paper-image-inset: 24px;
  --page-max: 1304px;
  --gutter: clamp(20px, 6vw, 88px);
  --motion-fast: 140ms; --motion-ui: 220ms;
  --ease-out: cubic-bezier(.2,.8,.2,1);
}

:root { --notes-sidebar-width: 320px; --notes-row-action-size: 36px; --notes-search-height: 36px; }

:root { --notes-row-action-gap: 12px; --notes-summary-lines: 2; --notes-markdown-heading-size: 16px; }

:root { --model-ribbon-min-height: 88px; --model-progress-width: 240px; --model-progress-height: 5px; }

:root { --notes-search-mode-height: 36px; --notes-search-mode-gap: 12px; }

:root { --notes-match-ring-size: 16px; --notes-match-ring-stroke: 2px; --notes-match-label-gap: 6px; }

:root { --paper-status-icon: 16px; --paper-status-icon-gap: 12px; --paper-status-padding: 16px; }

:root { --detection-boundary-width: 1px; --detection-corner-width: 2.5px; --detection-fill-opacity: .3; --detection-legend-height: 32px; }

:root { --paper-view-switch-height: 32px; --paper-view-switch-strip: 56px; --paper-view-switch-inset: 14px; }

/* Attentive cursor, approved 2026-10-20. */
:root { --help-pointer-size: 24px; --help-tip-height: 38px; --help-tip-width: 292px; --help-tip-gap: 12px; --help-pointer-cycle: 1600ms; --help-spinner-size: 44px; --help-ready-duration: 380ms; }