/* Local tools adapter: presentation only; print/export and workspace geometry stay native. */
@font-face {
  font-family: BorjTools;
  src: url('/marketing/academy-journey/assets/Vazirmatn-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: BorjTools;
  src: url('/marketing/academy-journey/assets/Vazirmatn-Bold.ttf') format('truetype');
  font-weight: 600 900;
  font-display: swap;
}

@media screen {
  html[data-borj-design="signature"] {
    color-scheme: light;
    --bt-bg: #f1ede6;
    --bt-outer-ink: #292435;
    --bt-outer-muted: #68616f;
    --bt-outer-line: #d9cfc0;
    --bt-outer-primary: #6a4aa0;
    --bt-bronze: #79623d;
    --bt-paper: #fbf9f5;
    --bt-paper-ink: #292435;
    --bt-paper-muted: #68616f;
    --bt-paper-line: #d9cfc0;
    --bt-paper-primary: #6a4aa0;
    --bt-shadow: 0 2px 3px #29243503, 0 12px 28px -17px #29243521;
    --bg: var(--bt-bg);
    --ink: var(--bt-paper-ink);
    --muted: var(--bt-paper-muted);
    --line: var(--bt-paper-line);
    --purple: var(--bt-paper-primary);
    --wash: #f0e9f7;
  }

  html.dark[data-borj-design="signature"] {
    color-scheme: dark;
    --bt-bg: #121320;
    --bt-outer-ink: #f0e9de;
    --bt-outer-muted: #b1a8b9;
    --bt-outer-line: #40394f;
    --bt-outer-primary: #c0a7e7;
    --bt-bronze: #c5ac7e;
  }

  html[data-borj-design="signature"] body {
    --bt-context-ink: var(--bt-outer-ink);
    --bt-context-muted: var(--bt-outer-muted);
    --bt-context-accent: var(--bt-outer-primary);
    --bt-context-line: var(--bt-outer-line);
    background: var(--bt-bg) !important; /* Existing embed.css has a screen-only important background. */
    color: var(--bt-outer-ink);
    font-family: BorjTools, Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased;
  }

  html[data-borj-design="signature"] :is(button, input, textarea, select) {
    font-family: BorjTools, Tahoma, sans-serif;
  }

  html[data-borj-design="signature"] :is(h1, h2, h3, h4) {
    font-weight: 600;
    letter-spacing: 0;
  }

  html[data-borj-design="signature"] :is(a, button, input, textarea, select, summary, [tabindex="0"]):focus-visible {
    outline: 2px solid #9270b8;
    outline-offset: 3px;
  }

  /* The five hub/landing documents retain their original grid and all content. */
  html[data-borj-design="signature"] body[data-page] {
    --ink: var(--bt-outer-ink);
    --muted: var(--bt-outer-muted);
    --line: var(--bt-outer-line);
    --purple: var(--bt-outer-primary);
  }

  html[data-borj-design="signature"] body[data-page] :is(.brand b, .brand small) {
    letter-spacing: 0;
  }

  html[data-borj-design="signature"] body[data-page] :is(.brand em, .hero-copy h1 em, .faq-list summary span) {
    color: var(--bt-outer-primary);
  }

  html[data-borj-design="signature"] body[data-page] .brand small {
    color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-page] .nav-wrap {
    background: var(--bt-bg);
    border-color: var(--bt-outer-line);
  }

  html[data-borj-design="signature"] body[data-page] .tool-nav > a {
    color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-page] .tool-nav > a:hover {
    color: var(--bt-outer-ink);
    background: rgb(163 132 197 / .1);
  }

  html[data-borj-design="signature"] body[data-page] .tool-nav > a[aria-current] {
    color: #fbf9f5;
    background: #6a4aa0;
  }

  html[data-borj-design="signature"] body[data-page] :is(.eyebrow, .journey li > span, .instructions b, .guide-link) {
    color: var(--bt-bronze);
    border-color: var(--bt-outer-line);
  }

  html[data-borj-design="signature"] body[data-page] :is(.section-note, .text-link, .trust-line, .visual-caption, .journey li > p, .faq-section > div > p, .faq-list details > p, footer.wrap, footer a, .breadcrumbs, .tool-title p, .workspace-note, .instructions p, .capabilities ul) {
    color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-page] :is(.hero-copy h1, .tool-title h1) {
    line-height: 1.65;
    letter-spacing: 0;
  }

  html[data-borj-design="signature"] body[data-page] .button.solid {
    background: #6a4aa0;
    color: #fbf9f5;
    font-weight: 600;
    box-shadow: 0 3px 10px -6px #49306870;
  }

  html[data-borj-design="signature"] body[data-page] :is(.file-guide, .related > a) {
    background: var(--bt-paper);
    border-color: var(--bt-paper-line);
    color: var(--bt-paper-ink);
    box-shadow: var(--bt-shadow);
  }

  html[data-borj-design="signature"] body[data-page] .file-guide :is(p, small) {
    color: var(--bt-paper-muted);
  }

  html[data-borj-design="signature"] body[data-page] .file-guide > span {
    color: #537365;
    background: #e7eee7;
  }

  html[data-borj-design="signature"] body[data-page] .premium-note {
    background: #191827;
    border-color: #40394f;
    color: #f0e9de;
  }

  html[data-borj-design="signature"] body[data-page] .premium-note :is(p, li) {
    color: #c7bacf;
  }

  html[data-borj-design="signature"] body[data-page] .premium-note .eyebrow {
    color: #c5ac7e;
  }

  html[data-borj-design="signature"] body[data-page] :is(.workspace-bar, #frames, .tool-frame) {
    background: var(--bt-bg);
    border-color: var(--bt-outer-line);
    color: var(--bt-outer-ink);
  }

  html[data-borj-design="signature"] body[data-page] .workspace-bar > span:last-child {
    color: var(--bt-outer-muted);
  }

  /* Paper workspaces keep the intentional ink-on-paper system in either outer theme. */
  html[data-borj-design="signature"] body:is([data-tool="planner"], [data-tool="analysis"]) {
    --bt-bg: #f1ede6;
    --bt-outer-ink: #292435;
    --bt-outer-muted: #68616f;
    --bt-outer-line: #d9cfc0;
    --bt-outer-primary: #6a4aa0;
    --bt-bronze: #79623d;
    color-scheme: light;
  }

  html[data-borj-design="signature"] body[data-tool] :is(.week-panel, .history-panel, .reflection-card, .empty-day, .session, .overview-day, .overview-session, .metric-card, .chart-card, .review-queue, .dialog, dialog, .results-table, .cause-card, .report-card, .action-card, .simulator, .reflection, .setup-card, .sheet, .notes-card, .upload-zone, .distribution-card, .sessions-card, .point-detail, .metrics article) {
    --bt-context-ink: var(--bt-paper-ink);
    --bt-context-muted: var(--bt-paper-muted);
    --bt-context-accent: var(--bt-paper-primary);
    --bt-context-line: var(--bt-paper-line);
    color-scheme: light;
    color: var(--bt-paper-ink);
    border-color: var(--bt-paper-line);
  }

  html[data-borj-design="signature"] body[data-tool] :is(.week-panel, .history-panel, .reflection-card, .empty-day, .session:not(.done), .overview-day, .overview-session:not(.done), .metric-card, .chart-card, .review-queue, .dialog, dialog, .results-table, .cause-card, .report-card, .action-card:not(.finished), .simulator, .reflection, .setup-card, .sheet, .notes-card, .upload-zone, .distribution-card, .sessions-card, .point-detail) {
    background: var(--bt-paper);
    box-shadow: var(--bt-shadow);
  }

  html[data-borj-design="signature"] body[data-tool] :is(.button.primary, .day.active) {
    background: #6a4aa0;
    border-color: #6a4aa0;
    color: #fff;
  }

  html[data-borj-design="signature"] body[data-tool] .button.primary:hover {
    background: #5b3e8b;
  }

  html[data-borj-design="signature"] body[data-tool] .button.secondary {
    color: #6a4aa0;
    background: var(--bt-paper);
    border-color: var(--bt-paper-line);
  }

  html[data-borj-design="signature"] body[data-tool] .button.text {
    color: var(--bt-context-accent);
  }

  html[data-borj-design="signature"] body[data-tool] :is(.quiet, .button.glass) {
    color: var(--bt-context-ink);
    border-color: var(--bt-context-line);
  }

  html[data-borj-design="signature"] body[data-tool] :is(.dialog-body, .fields, .reflection-card, .cause-row) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]), select, textarea) {
    color: var(--bt-paper-ink);
    background-color: #fffdfa;
    border-color: #928479;
  }

  html[data-borj-design="signature"] body[data-tool] :is(.fields, .dialog-body, .reflection-card) :is(input, textarea)::placeholder {
    color: #77707b;
  }

  html[data-borj-design="signature"] body[data-tool] :is(.card-heading p, .fields label, .fields label > small, .field-help, .sound-toggle, .privacy-note, .cause-card header p, .cause-card header p b, .cause-row label b, .cause-row label small, .blank-count, .table-bottom p, .step-footer > p, .report-top p, .metrics small, .metrics p, .session-title span, .session-note, .reflection-card label, .empty-day p, .chart-caption, .chart-legend > span, .table-labels, .session-name span:not(.subject-mark), .session-row, .distribution-legend > div, .distribution-legend small, .upload-zone > p, .upload-zone > small, .modal-copy, .modal-hint, .modal-eyebrow, .import-counts span, .sheet-head p, .sheet-foot, .notes-card label) {
    color: var(--bt-context-muted);
  }

  html[data-borj-design="signature"] body[data-tool] :is(.session-title h3, .empty-day h3, .cause-card h3, .report-top h3, .upload-zone h2, .sheet-head h2, .point-detail b, .session-name b) {
    color: var(--bt-context-ink);
    font-weight: 600;
  }

  html[data-borj-design="signature"] body[data-tool] :is(.modal-eyebrow, .report-kicker) {
    color: #79623d;
  }

  html[data-borj-design="signature"] body[data-tool="analysis"] :is(.intro-line p, .intro-line p > span, .intro-line strong, .step:not(.active), .table-bottom p, label) {
    color: #68616f;
  }

  html[data-borj-design="signature"] body[data-tool="analysis"] .step.active {
    color: #6a4aa0;
    box-shadow: inset 0 -3px #6a4aa0;
  }

  html[data-borj-design="signature"] body[data-tool="answer"] :is(.steps, .segmented button, .presets > button, .duration-input > span, .section-row label) {
    color: var(--bt-context-muted);
  }

  html[data-borj-design="signature"] body[data-tool="answer"] :is(.steps .current, .segmented button.selected, .presets > button.selected) {
    color: var(--bt-context-accent);
  }

  html[data-borj-design="signature"] body[data-tool="answer"] .section-row :is(input, select) {
    border-color: #928479;
    border-radius: 6px;
    background-color: #fffdfa;
    color: #292435;
  }

  html[data-borj-design="signature"] body[data-tool="progress"] :is(.filter-bar, .demo-notice) {
    background: var(--bt-bg);
    border-color: var(--bt-outer-line);
    color: var(--bt-outer-ink);
  }

  html[data-borj-design="signature"] body[data-tool="progress"] :is(.filter-label, .filter-bar label, .file-state, .file-state b, .demo-notice > span, .demo-notice b) {
    color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-tool="progress"] .value-strip :is(b, span, .icon) {
    color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-tool="progress"] .filter-bar :is(select, option) {
    background: var(--bt-bg);
    color: var(--bt-outer-ink);
    border-color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-tool="progress"] :is(.metrics .violet, .metrics .mint, .metrics .sand) :is(small, p) {
    color: #68616f;
  }

  html[data-borj-design="signature"] body[data-tool="answer"] :is(.session-heading > div > p, .intro-note, .session-badge) {
    color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-tool="answer"] .feature-strip b {
    color: var(--bt-outer-ink);
  }

  html[data-borj-design="signature"] body[data-tool="answer"] :is(.feature-strip p, .session-heading .eyebrow, .session-heading .eyebrow > span) {
    color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-tool="answer"] .session-heading h1 > span {
    color: var(--bt-outer-primary);
  }

  html[data-borj-design="signature"] body[data-tool="progress"] .hero.dashboard-hero h1 > span {
    color: var(--bt-outer-primary);
  }

  html[data-borj-design="signature"] body[data-tool="progress"] :is(.hero p, .hero .eyebrow) {
    color: var(--bt-outer-muted);
  }

  html[data-borj-design="signature"] body[data-tool="progress"] :is(.chart-card, .distribution-card, .sessions-card) .eyebrow {
    color: var(--bt-context-muted);
  }

  html[data-borj-design="signature"] body[data-tool] dialog::backdrop {
    background: rgb(14 12 24 / .62);
  }
}

@media screen {
  /* Step numbers remain readable on both the native dark chips and paper. */
  html[data-borj-design="signature"] .steps b {
    color: var(--bt-paper-ink);
    background: var(--bt-paper);
    border-color: var(--bt-paper-line);
  }
  html[data-borj-design="signature"] .steps .current b {
    color: #fbf9f5;
    background: #6a4aa0;
    border-color: #6a4aa0;
  }
  html[data-borj-design="signature"] select {
    border-color: #978b9f;
    border-radius: 6px;
  }
}