/* GALOK research papers · on the unified foundation. research.css, galok-wave.css and the per-paper sheets keep their
   layout; their tokens follow the shared palette here, so a paper has a complete light and dark theme. */

/* research.css names its serif "Galok Gambetta"; the face used to be declared in styles.css, which rebuilt pages no longer load. Same files as the foundation's Galok Serif. */
@font-face{font-family:"Galok Gambetta";src:url("/assets/fonts/gambetta-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Galok Gambetta";src:url("/assets/fonts/gambetta-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Galok Gambetta";src:url("/assets/fonts/gambetta-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Galok Gambetta";src:url("/assets/fonts/gambetta-400i.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
html[data-g] .research-paper-page{
  --research-paper:var(--g-bg);--research-ink:var(--g-ink);--research-muted:var(--g-muted);--research-line:var(--g-rule-strong);
  --research-red:var(--g-view-text);--research-blue:var(--g-frame-text);
  --font-serif:var(--g-serif);--font-sans:var(--g-sans);--font-ui:var(--g-sans);--home-gutter:var(--g-pad);
  --ink:var(--g-ink);--muted:var(--g-muted);--line:var(--g-rule-strong);--paper:var(--g-bg);
  background:var(--g-bg);color:var(--g-ink);font-family:var(--g-sans)
}
html[data-g].research-paper-root{background:var(--g-bg)}
html[data-g] .research-paper-page .research-manuscript{color:var(--g-ink-2)}
html[data-g] .research-paper-page .research-manuscript > h2 + p{color:var(--g-ink-2)}

/* Research 002 charts: charts.css declares its palette on :root from --research-* (which live on body), so it is mapped here
   on the root itself; its hard-coded greys become tokens so marks and grids read in both themes. */
html[data-g]{
  --r002-bg:var(--g-bg);--r002-paper:var(--g-surface);--r002-ink:var(--g-ink);--r002-muted:var(--g-muted);--r002-line:var(--g-rule-strong);
  --r002-blue:var(--g-frame-text);--r002-blue-soft:color-mix(in srgb,var(--g-frame-text) 14%,transparent);
  --r002-orange:var(--g-view-text);--r002-orange-soft:color-mix(in srgb,var(--g-view-text) 14%,transparent)
}
html[data-g] .r002-arrow{color:var(--g-muted)}
html[data-g] .r002-no{color:var(--g-muted);background:var(--g-surface)}
html[data-g] .r002-dot{background:var(--g-rule-strong)}
html[data-g] :is(.r002-life-pattern,.r002-life-brand-years) i{background:var(--g-rule)}
html[data-g] .r002-axis{stroke:var(--g-rule-strong)}
html[data-g] .r002-gridline{stroke:var(--g-rule)}
html[data-g] .r002-refline{stroke:var(--g-muted)}
html[data-g] .r002-point.base{fill:var(--g-ghost)}
html[data-g] .r002-yes{color:var(--g-bg);background:var(--g-frame-text)}

/* Research 003 (Love by the Hour): search003.css declares its palette on :root; mapped on the root here, and its hard-coded
   inks and translucent-white panels become tokens. Category badges stay self-contained pastel chips in both themes. */
html[data-g]{
  --s003-bg:var(--g-bg);--s003-paper:var(--g-surface);--s003-ink:var(--g-ink);--s003-muted:var(--g-muted);--s003-line:var(--g-rule-strong);
  --s003-blue:var(--g-frame-text);--s003-blue-soft:color-mix(in srgb,var(--g-frame-text) 14%,transparent)
}
html[data-g] .research003-subtitle{color:var(--g-ink-2);font-family:var(--g-serif)}
html[data-g] :is(.research003-hero,.research003-meta){border-color:var(--g-rule-strong)}
html[data-g] .search003-manuscript .field-evidence{color:var(--g-muted)}
html[data-g] :is(.s003-panel,.s003-path){background:var(--g-surface)}
html[data-g] .s003-price-row i{background:var(--g-rule)}
html[data-g] .s003-loading{color:var(--g-muted)}
html[data-g] .s003-badge.studio{color:#8a4a0b}
html[data-g] .search003-visual-page > .research-manuscript{width:min(100% - 32px,800px);margin-inline:auto}
html[data-g] :is(.s003-figure,.s003-controls,.s003-panel){font-family:var(--g-sans)}
/* visual evidence: wide evidence tables and path rows scroll inside their own box instead of widening the page */
html[data-g] .search003-visual-page [data-s003-org]{overflow-x:auto}
html[data-g] .search003-visual-page .s003-paths{grid-template-columns:minmax(0,1fr)}