/* scw.theme.css — the ScholarCloud WORKSPACE component look (2026-08-28).
   Abstracts the LLM Ignite teal/amber identity into the platform's
   hyper-parameter system, then pushes it to a scholarly voice: Source Serif 4
   display over Public Sans, deep pine teal, amber accent. Knobs at :root (the
   body-scope derivation trap — design/designCore §5): --hp-* drive --ui-*. */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Public+Sans:wght@400;500;600;700&display=swap');
:root {
    /* deep pine teal — the Ignite #14555A itself:
       l-shift pulls primary-600 down to hsl(186,64%,22%) ≈ #14555A */
    --hp-hue-1: 186;
    --hp-sat-1: 64%;
    --hp-l-shift-1: -23%;
    /* amber accent (#D99125) */
    --hp-hue-2: 35;
    --hp-sat-2: 71%;
    /* Scholarly voice: serif display for headings (the canvas reads as a
       manuscript), humanist sans for the working surface. */
    --hp-font-heading: var(--hp-font-stack-source);
    --hp-font-body: var(--hp-font-stack-public);
    --hp-weight-body: 400;
    --hp-weight-heading: 600;
    /* comfortable 15px-class reading size, 4px corners, soft depth */
    --hp-corner-scale: 0.7;
    --hp-text-scale: 0.94;
    --hp-line-height: 1.55;
    --hp-shadow-intensity: 0.08;
    --hp-modal-max-w: 780px;
}
/* Warm-paper canvas under a pine primary: primary hue ≠ canvas hue needs the
   direct --ui-bg overrides (the ONE sanctioned derived-token touch —
   designCore). Warmed a step from the old clinical cool-white. */
:root {
    --ui-bg: #FCFBF8;
    --ui-bg-elev: #F5F3EC;
    --ui-bg-muted: #EFECE3;
    --ui-border: #E0DDD2;
}
/* Accent utilities for the workspace chrome */
.scw-accent { color: #D99125; }
.scw-canvas-head { border-bottom: 3px solid #D99125; }
/* Footer stripe = system accent, not default red (design §7 two-line rule). */
:root { --hp-hue-accent: 35; --hp-sat-accent: 71%; --ui-accent: #D99125; }
.ui-pageframe-footer { border-top-color: #D99125; }
/* Block tools: invisible until the block is hovered — the canvas reads as a
   document, not a button grid. */
.scw-block-tools { opacity: 0; transition: opacity .15s; }
.scw-block:hover .scw-block-tools, .scw-block:focus-within .scw-block-tools { opacity: 1; }
/* Direct manipulation: editable surfaces invite the click. */
.scw-editable { cursor: text; }
.scw-editable:hover { outline: 1px dashed var(--ui-border); outline-offset: 3px; }
/* Outline nesting: children indent under their parent (depth capped at 4). */
.scw-depth-1 { padding-left: 1.5rem; }
.scw-depth-2 { padding-left: 3rem; }
.scw-depth-3 { padding-left: 4.5rem; }
.scw-depth-4 { padding-left: 6rem; }
/* The LLM target block: amber edge, faint wash. */
.scw-target { border-left: 3px solid #D99125; background: var(--ui-bg-elev); }
/* Paper lists: 2-line titles (clamped), so more of the title shows. */
.scw-paper-list .ui-bind-list-head .ui-font-semibold {
    white-space: normal; display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25;
}
/* Paper detail below the graph */
.scw-paper-detail { border-top: 3px solid #D99125; max-height: 45%; }
.scw-related-row { cursor: pointer; padding-top: 2px; padding-bottom: 2px; }
.scw-related-row:hover { background: var(--ui-bg-muted); }
/* Full text keeps the PDF's paragraph breaks. */
.scw-fulltext { white-space: pre-wrap; }
/* Embedded PDF: the reading surface proper. */
.scw-pdf-obj { width: 100%; height: 78vh; border: 1px solid var(--ui-border); }
/* Viewer mode: the PDF fills the screen; the exit bar exists ONLY there
   (the fullscreened element renders alone — the way back must be inside). */
.scw-pdf-exit { display: none; }
.scw-pdf-wrap:fullscreen { background: var(--ui-gray-900, #111); }
.scw-pdf-wrap:fullscreen .scw-pdf-exit { display: flex; }
.scw-pdf-wrap:fullscreen .scw-pdf-objwrap { flex: 1; min-height: 0; }
.scw-pdf-wrap:fullscreen .scw-pdf-obj { width: 100%; height: 100%; border: 0; }