/* ════════════════════════════════════════════════════════════════════════════
   DESIGN TOKENS — shared constants (theme color tokens live in /css/themes/)
   ════════════════════════════════════════════════════════════════════════════ */

:root {
  /* Callout accent colours — consistent across themes */
  --c-note:     #2563eb;
  --c-info:     #0891b2;
  --c-tip:      #059669;
  --c-success:  #16a34a;
  --c-question: #65a30d;
  --c-warning:  #d97706;
  --c-failure:  #dc2626;
  --c-danger:   #b91c1c;
  --c-bug:      #db2777;
  --c-example:  #7c3aed;
  --c-quote:    #6b7280;
  --c-abstract: #0891b2;
  --c-todo:     #6d28d9;

  /* Layout */
  --sidebar-w:    256px;
  --toc-w:        200px;
  --content-max:  728px;

  /* Typography */
  --font:      system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
               Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono',
               monospace;
  --font-size:   15px;
  --line-height: 1.8;

  /* Flat / thin-line geometry */
  --radius:       2px;
  --border-width: 1px;
  --transition:   0.1s ease;
}