/* ORZENO terminal theme — "The Ledger": the client's ink-navy, ivory and gold system.
   Inter Tight for the interface and headings, IBM Plex Mono for labels and figures. Fonts are self-hosted (SIL OFL). */
@font-face {
  font-family: 'Inter Tight';
  src: url('../assets/fonts/intertight.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../assets/fonts/plexmono-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../assets/fonts/plexmono-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --d-bg: #05090f;
  --d-bg-2: #070c15;
  --d-panel: #0a1322;
  --d-panel-2: #122136;
  --d-inset: rgb(5 9 15 / 0.62);
  --d-line: rgb(242 237 227 / 0.15);
  --d-line-2: rgb(242 237 227 / 0.09);
  --d-text: #f2ede3;
  --d-muted: rgb(242 237 227 / 0.66);
  --d-accent: #d8b87a;
  --d-on-accent: #05090f;
  --d-accent-2: #3a8dff;
  --d-pri: #d8b87a;
  --d-on-pri: #05090f;
  --d-up: #5fbfa0;
  --d-down: #d97a7a;
  --d-warn: #e2b566;
  --d-radius: 2px;
  --d-radius-sm: 2px;
  --d-font-display: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --d-font-body: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --d-font-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
  --d-shadow: 0 1px 0 rgb(242 237 227 / 0.04) inset, 0 24px 60px -40px rgb(0 0 0 / 0.9);
  --gold-2: #ebd9b4;
  --gold-deep: #a9853f;
}
body {
  background:
    radial-gradient(70% 55% at 85% -10%, rgb(58 141 255 / 0.1), transparent 70%),
    radial-gradient(50% 40% at 0% 100%, rgb(216 184 122 / 0.05), transparent 70%),
    linear-gradient(rgb(242 237 227 / 0.022) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(90deg, rgb(242 237 227 / 0.022) 1px, transparent 1px) 0 0 / 64px 64px,
    var(--d-bg);
  background-attachment: fixed;
}
::selection {
  background: var(--d-accent);
  color: var(--d-on-accent);
}
.top {
  background: rgb(7 12 21 / 0.92);
  backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 rgb(216 184 122 / 0.22);
}
.top-logo b {
  font-family: var(--d-font-body);
  font-weight: 500;
  font-size: 0.94rem;
  letter-spacing: 0.34em;
}
.top-product {
  font-family: var(--d-font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--d-accent);
}
.rail {
  background: rgb(7 12 21 / 0.7);
}
.rail a {
  font-size: 0.95rem;
  font-weight: 500;
}
.rail a.is-on {
  background: linear-gradient(90deg, rgb(216 184 122 / 0.12), transparent 80%);
  border-color: var(--d-line-2);
}
.view-h h1 {
  font-weight: 600;
  font-size: clamp(1.45rem, 2.1vw, 1.85rem);
  letter-spacing: -0.012em;
}
.view-h p {
  font-size: 0.9rem;
  letter-spacing: 0;
}
.tm-sym,
.cp-item b,
.cp-title,
.cp-copy-h h3,
.bt-count,
.dx-node b,
.nf-card-b b,
.pf-total,
.mt-sym {
  font-weight: 600;
  letter-spacing: -0.01em;
}
.tbl th,
.kv dt,
.field label,
.tag {
  font-size: 0.68rem;
  letter-spacing: 0.1em;
}
.pnl {
  background: linear-gradient(180deg, rgb(18 33 54 / 0.5), rgb(10 19 34 / 0.92) 120px), var(--d-panel);
}
.pnl-h {
  font-size: 0.7rem;
  letter-spacing: 0.14em;
}
.btn {
  font-family: var(--d-font-body);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.btn--sm {
  font-size: 0.74rem;
}
.btn--pri {
  background: linear-gradient(180deg, var(--gold-2), var(--d-accent) 55%, #c9a765);
  box-shadow: 0 10px 30px -14px rgb(216 184 122 / 0.7);
}
.btn--pri:hover:not([disabled]) {
  background: linear-gradient(180deg, #f4e8cc, var(--gold-2) 60%, var(--d-accent));
}
.seg button[aria-pressed='true'],
.seg button[aria-selected='true'] {
  box-shadow: inset 0 0 0 1px rgb(216 184 122 / 0.5);
  color: var(--gold-2);
}
.seg--side button[aria-pressed='true'] {
  box-shadow: none;
}
.sheet {
  border-color: rgb(216 184 122 / 0.4);
  background: linear-gradient(180deg, #0d1828, #0a1322);
}
.sheet-h h2 {
  font-weight: 600;
  font-size: 1.35rem;
  letter-spacing: -0.01em;
}
.toast {
  border-color: rgb(216 184 122 / 0.6);
}
.status {
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.c-ma {
  stroke: var(--d-accent);
}
.c-axis--mark {
  fill: var(--gold-2);
}
.c-mark {
  stroke: var(--d-accent);
}