@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* Design tokens: the one place colours, fonts and shadows are defined.
   Values come from the supplied mocks (docs/designs/*.dc.html). Light is :root; dark swaps the
   same names under [data-theme=dark], which index.html's theme script sets on <html>.
   Everything else uses var(--name). tests/design-tokens.test.mjs fails on a raw colour anywhere else. */
:root{color-scheme:light;
  --font-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"IBM Plex Serif",Georgia,serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;
  /* Type scale — Field Mappings is the reference (James, Oct 14, 2026) */
  --text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:27px;--text-4xl:34px;--text-display:clamp(32px,3.1vw,43px);
  --ground:#F4F6F8;--surface:#FFFFFF;--line:#DFE4E2;--line-soft:#ECEFEE;--fill-subtle:#FAFBFA;--fill-chip:#F1F3F2;--fill-hover:#F4F6F5;--fill-nav-hover:#EEF2F1;
  --control-line:#D3DAD8;--control-line-hover:#BCC6C4;--seg-line:#E3E8E6;--dash-line:#C3CDCA;--dot-grid:#DDE3E1;
  --ink:#142838;--ink-2:#3F5260;--muted:#5C6D77;--placeholder:#7A8890;--empty:#6E7D86;--icon:#4D606B;--arrow:#8796A0;--arrow-2:#7E8E97;
  /* Buttons — exact values from the Fieldwork prototype, ~/orca/workspaces/REAnything/Tableau/prototype/style.css */
  --button-bg:#FFFFFF;--button-line:#D5DEE7;--button-ink:#34485D;--button-hover:#EDF3F8;--button-focus:#3887BF;--button-primary:var(--teal);--button-primary-hover:var(--teal-hover);--button-danger-line:#C77471;--button-danger-ink:#A94440;
  --teal:#2C6A78;--teal-hover:#235966;--teal-ink:#1D4F5B;--on-teal:#FFFFFF;--tint:#E8F1F3;--ring:#E1EEF1;--tint-line:#C9DDE2;
  --dashboard-number:#2F4D68;
  --ontology-1:#2C6A78;--ontology-2:#C08A1E;--ontology-3:#7A5BA6;--ontology-4:#3E8A68;--ontology-5:#B85C4A;--ontology-6:#5F7C99;
  --sug-fill:#F3F8F9;--sug-line:#B9D2D9;--prefill-fill:#F6FAFB;
  --amber-ink:#7A4E00;--amber-fill:#FBF2DF;--amber-line:#F0DDB2;--amber-dash:#E2C27E;--amber-dot:#C08A1E;
  --success-ink:#2F6B4F;--success-dot:#3E8A68;--success-fill:#EEF6F1;--success-line:#D6E2CA;--muted-dot:#B4BFBC;--todo-ring:#AAB6B3;--step-dot:#EEF1F0;
  --primary-disabled:#AFC3C8;--on-disabled:#FFFFFF;
  --danger:#B3261E;--danger-ink:#7A1C15;--danger-fill:#FBE9E7;
  --shadow-card:0 1px 2px rgba(20,40,56,.05);--shadow-pop:0 12px 32px rgba(20,40,56,.16);--shadow-seg:0 1px 2px rgba(20,40,56,.12);
  --shadow-dialog:0 30px 90px rgba(20,40,56,.30);
  /* Shadows and scrims */
  --shadow-color:#142838;
  /* Data visualisation (graph and lifecycle): category colours, kept exact */
  --viz-button-is-pinned-bg:#413b27;--viz-button-is-pinned-ink:#70551f;--viz-button-is-pinned-line:#d9ae51;--viz-graph-focus-bar-active-bg:#81c8bd;--viz-graph-inspector-symbol-ink:#92a9ad;--viz-graph-kind-badge-individual-ink:#4f7467;--viz-graph-kind-badge-ink:#c6dedf;--viz-graph-kind-badge-metric-ink:#7d612f;--viz-graph-kind-badge-report-bg:#f0eaf5;--viz-graph-kind-badge-report-ink:#655378;--viz-graph-reading-key-attribute-bg:#e3b968;--viz-graph-reading-key-bg:#82cbb7;--viz-graph-reading-key-individual-bg:#80bce3;--viz-graph-reading-key-property-bg:#b5a3df;--viz-graph-reading-key-technical-bg:#7f90a5;--viz-lc-arrowhead-loop-fill:#a5622f;--viz-lc-badge-ink:#c6dedf;--viz-lc-chip-lc-shape-activity-line:#8fb8ab;--viz-lc-chip-lc-shape-event-line:#d3ab77;--viz-lc-chip-lc-shape-role-line:#bb96c9;--viz-lc-chip-lc-shape-state-line:#94a6cf;--viz-lc-edge-glyph-loop-fill:#a5622f;--viz-lc-edge-loop-stroke:#a5622f;--viz-lc-edge-parallel-stroke:#3c6fa0;--viz-lc-note-warning-ink:#8a5a2b;--viz-lc-shape-role-lc-shape-fill:#f3eaf6;--viz-lc-shape-state-lc-shape-fill:#232c40;--viz-lc-shape-stroke:#7d918e;--viz-legend-dot-concept-bg:#315f5a;--viz-legend-dot-field-bg:#668994;--viz-legend-dot-field-bg-36:#8ab7cb;--viz-legend-dot-individual-bg:#789b8e;--viz-legend-dot-metric-bg:#ad8950;--viz-legend-dot-report-bg:#7c708b;--viz-legend-line-draft-line:#b28a45;--viz-legend-pin-line:#e2b85e;--viz-legend-shape-bg:#6f8f86;
  /* Ontology graph (cytoscape draws on canvas, so ontology-graph.jsx reads these at style time) */
  --graph-node-bg:#71848c;--graph-node-line:#fff;--graph-node-ink:#243b43;--graph-node-outline:#f7faf8;--graph-node-concept-bg:#315f5a;--graph-node-field-bg:#b68535;--graph-node-metric-bg:#ad8950;--graph-node-report-bg:#7c708b;--graph-node-individual-bg:#789b8e;--graph-edge-line:#b4c2c0;--graph-edge-arrow:#a9b9b6;--graph-edge-ink:#607680;--graph-edge-label-bg:#fbfcfa;--graph-edge-hierarchy-line:#78918f;--graph-edge-draft-line:#b38b4c;--graph-edge-process-line:#2f7d5f;--graph-edge-process-returnsto-line:#a5622f;--graph-edge-process-parallelwith-line:#3c6fa0;--graph-attribute-link-line:#b68535;--graph-node-technical-bg:#8491a1;--graph-node-property-bg:#8c74bf;--graph-node-individual-role-bg:#5488b7;--graph-selected-node-line:#44aeb2;--graph-selected-node-glow:#54c3c5;--graph-edge-neighbor-line:#4f9da4;--graph-neighbor-attribute-link-line:#4f9da4;--graph-node-pinned-line:#e2b85e;--graph-pending-line:#b47b23;}
[data-theme=dark]{color-scheme:dark;
  --ground:#0F171C;--surface:#172228;--line:#2C3A42;--line-soft:#24313A;--fill-subtle:#131D23;--fill-chip:#1F2B32;--fill-hover:#1F2B32;--fill-nav-hover:#22303A;
  --control-line:#3A4B54;--control-line-hover:#526670;--seg-line:#2C3A42;--dash-line:#45575F;--dot-grid:#25333B;
  --ink:#E3EAEE;--ink-2:#BCC9D0;--muted:#9AABB4;--placeholder:#8597A0;--empty:#8D9EA7;--icon:#A9B8C0;--arrow:#7F909A;--arrow-2:#8797A0;
  /* Prototype has no dark mode; dark buttons keep the existing teal system */
  --button-bg:var(--surface);--button-line:var(--control-line);--button-ink:var(--ink-2);--button-hover:var(--fill-hover);--button-focus:var(--teal);--button-primary:var(--teal);--button-primary-hover:var(--teal-hover);--button-danger-line:var(--danger);--button-danger-ink:var(--danger);
  --teal:#7FC3CF;--teal-hover:#9AD3DD;--teal-ink:#A9DCE5;--on-teal:#0F2228;--tint:#1C353C;--ring:#1F3D45;--tint-line:#2F5560;
  --dashboard-number:#82AFBF;
  --ontology-1:#7FC3CF;--ontology-2:#E2B65A;--ontology-3:#B49BDB;--ontology-4:#6FC39A;--ontology-5:#E08D7A;--ontology-6:#9DB6D2;
  --sug-fill:#182D33;--sug-line:#3C6872;--prefill-fill:#17282E;
  --amber-ink:#E7C27A;--amber-fill:#33291A;--amber-line:#5E4A24;--amber-dash:#8A6A30;--amber-dot:#D9A441;
  --success-ink:#86CBA6;--success-dot:#5BAF88;--success-fill:#283C32;--success-line:#496650;--muted-dot:#5E6E75;--todo-ring:#5E6E75;--step-dot:#24313A;
  --primary-disabled:#33444C;--on-disabled:#9AABB4;
  --danger:#F0A492;--danger-ink:#F0A492;--danger-fill:#392923;
  --shadow-card:0 1px 2px rgba(0,0,0,.3);--shadow-pop:0 12px 32px rgba(0,0,0,.45);--shadow-seg:0 1px 2px rgba(0,0,0,.4);
  --shadow-dialog:0 30px 90px rgba(0,0,0,.55);
  --shadow-color:#000000;
  --viz-button-is-pinned-bg:#413b27;--viz-button-is-pinned-ink:#ead391;--viz-button-is-pinned-line:#85713d;--viz-graph-focus-bar-active-bg:#81c8bd;--viz-graph-inspector-symbol-ink:#92a9ad;--viz-graph-kind-badge-individual-ink:#4f7467;--viz-graph-kind-badge-ink:#c6dedf;--viz-graph-kind-badge-metric-ink:#7d612f;--viz-graph-kind-badge-report-bg:#f0eaf5;--viz-graph-kind-badge-report-ink:#655378;--viz-graph-reading-key-attribute-bg:#e3b968;--viz-graph-reading-key-bg:#82cbb7;--viz-graph-reading-key-individual-bg:#80bce3;--viz-graph-reading-key-property-bg:#b5a3df;--viz-graph-reading-key-technical-bg:#7f90a5;--viz-lc-arrowhead-loop-fill:#d19461;--viz-lc-badge-ink:#c6dedf;--viz-lc-chip-lc-shape-activity-line:#8fb8ab;--viz-lc-chip-lc-shape-event-line:#d3ab77;--viz-lc-chip-lc-shape-role-line:#bb96c9;--viz-lc-chip-lc-shape-state-line:#94a6cf;--viz-lc-edge-glyph-loop-fill:#a5622f;--viz-lc-edge-loop-stroke:#d19461;--viz-lc-edge-parallel-stroke:#7fa8d6;--viz-lc-note-warning-ink:#8a5a2b;--viz-lc-shape-role-lc-shape-fill:#332538;--viz-lc-shape-state-lc-shape-fill:#232c40;--viz-lc-shape-stroke:#7d918e;--viz-legend-dot-concept-bg:#82cbb7;--viz-legend-dot-field-bg:#e3b968;--viz-legend-dot-field-bg-36:#8ab7cb;--viz-legend-dot-individual-bg:#9bc6ad;--viz-legend-dot-metric-bg:#dcc18b;--viz-legend-dot-report-bg:#b5a3d5;--viz-legend-line-draft-line:#b28a45;--viz-legend-pin-line:#e2b85e;--viz-legend-shape-bg:#6f8f86;
  --graph-node-bg:#96abb6;--graph-node-line:#141d27;--graph-node-ink:#e5edf0;--graph-node-outline:#141d27;--graph-node-concept-bg:#82cbb7;--graph-node-field-bg:#e3b968;--graph-node-metric-bg:#dcc18b;--graph-node-report-bg:#b5a3d5;--graph-node-individual-bg:#9bc6ad;--graph-edge-line:#536d79;--graph-edge-arrow:#6d8b97;--graph-edge-ink:#c9d8df;--graph-edge-label-bg:#141d27;--graph-edge-hierarchy-line:#72908e;--graph-edge-draft-line:#c8a570;--graph-edge-process-line:#5fb591;--graph-edge-process-returnsto-line:#d19461;--graph-edge-process-parallelwith-line:#7fa8d6;--graph-attribute-link-line:#cda559;--graph-node-technical-bg:#7f90a5;--graph-node-property-bg:#b5a3df;--graph-node-individual-role-bg:#80bce3;--graph-selected-node-line:#9ce4df;--graph-selected-node-glow:#79cfc8;--graph-edge-neighbor-line:#8acfc4;--graph-neighbor-attribute-link-line:#d6b46e;--graph-node-pinned-line:#e2b85e;--graph-pending-line:#b47b23;}

:root,[data-theme="dark"]{--brand-logo-background:#fff}