/**
 * Kraybazaar Outcry suite — remaps every interior page onto the index.php theme.
 * Master tokens: night void, porcelain paper, Syne / Outfit / DM Mono, coral–aqua–gold–violet.
 * Keeps per-page layouts; replaces disconnected Appily color/type systems.
 */

body.ox-lintel-site {
  --ox-night: #10151d;
  --ox-night-2: #181f2a;
  --ox-ink: #141820;
  --ox-mute: #5d6776;
  --ox-line: rgba(20, 24, 32, 0.1);
  --ox-paper: #f5f7fa;
  --ox-card: #ffffff;
  --ox-coral: #ff5a3c;
  --ox-aqua: #1fb8ad;
  --ox-gold: #e2b13c;
  --ox-violet: #7a5cff;
  --ox-blush: #e56b8a;
  --ox-slate: #3d4a5c;
  --ox-display: "Syne", "Segoe UI", sans-serif;
  --ox-sans: "Outfit", "Segoe UI", sans-serif;
  --ox-mono: "DM Mono", ui-monospace, monospace;
  --ox-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Shared night stage for all non-home interiors */
body.ox-lintel-site:not(.page-home) {
  color: var(--ox-ink);
  font-family: var(--ox-sans);
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(122, 92, 255, 0.16), transparent 55%),
    radial-gradient(900px 420px at 0% 0%, rgba(255, 90, 60, 0.12), transparent 50%),
    var(--ox-night) !important;
}

body.ox-lintel-site:not(.page-home) .a71-main {
  width: min(1180px, calc(100% - 1.6rem));
  margin: 0.65rem auto 0;
  padding: 0;
  background: var(--ox-paper);
  border-radius: 1.35rem 1.35rem 0 0;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 36px 70px rgba(0, 0, 0, 0.36);
  overflow: clip;
  color: var(--ox-ink);
}

@media (max-width: 760px) {
  body.ox-lintel-site:not(.page-home) .a71-main {
    width: calc(100% - 0.9rem);
    margin-top: 0.35rem;
    border-radius: 1.1rem 1.1rem 0 0;
  }
}

/* —— Shop (Outcry lot board) —— */
body.ox-shop {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-shop .a71-main { color: var(--ox-ink); }

/* Legacy Gallery Night aliases (if any remnant markup) —— */
body.gn-salon {
  --gn-void: var(--ox-night);
  --gn-walnut: var(--ox-night-2);
  --gn-plate: var(--ox-ink);
  --gn-ink: var(--ox-ink);
  --gn-mute: var(--ox-mute);
  --gn-vermillion: var(--ox-coral);
  --gn-sage: var(--ox-aqua);
  --gn-brass: var(--ox-gold);
  --gn-display: var(--ox-display);
  --gn-sans: var(--ox-sans);
  --gn-ease: var(--ox-ease);
  background: transparent !important;
  color: var(--ox-ink);
}
body.gn-salon .a71-main { color: var(--ox-ink); }
body.gn-salon .gn-hall,
body.gn-salon .gn-room-label,
body.gn-salon .gn-caption strong,
body.gn-salon .gn-caption small,
body.gn-salon .gn-empty h1 { color: var(--ox-ink); }
body.gn-salon .gn-caption small,
body.gn-salon .gn-mute,
body.gn-salon .gn-sku { color: var(--ox-mute); }
body.gn-salon .gn-spot { opacity: 0.35; }

/* —— Catalog —— */
body.el-lab {
  --el-paper: var(--ox-paper);
  --el-ink: var(--ox-ink);
  --el-mute: var(--ox-mute);
  --el-purple: var(--ox-violet);
  --el-ice: var(--ox-aqua);
  --el-veg: var(--ox-aqua);
  --el-flw: var(--ox-blush);
  --el-for: var(--ox-gold);
  --el-fru: var(--ox-coral);
  --el-hrb: var(--ox-slate);
  --el-spc: var(--ox-coral);
  --el-display: var(--ox-display);
  --el-sans: var(--ox-sans);
  --el-ease: var(--ox-ease);
  background: transparent !important;
}

/* —— Product (Outcry lot detail) —— */
body.ox-product {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-product .a71-main { color: var(--ox-ink); }

/* Legacy letterpress aliases —— */
body.lp-press {
  --lp-paper: var(--ox-paper);
  --lp-ink: var(--ox-ink);
  --lp-mute: var(--ox-mute);
  --lp-wood: #e8edf4;
  --lp-wood-deep: var(--ox-gold);
  --lp-c: var(--ox-aqua);
  --lp-m: var(--ox-coral);
  --lp-y: var(--ox-gold);
  --lp-k: var(--ox-ink);
  --lp-display: var(--ox-display);
  --lp-sans: var(--ox-sans);
  --lp-ease: var(--ox-ease);
  background: transparent !important;
}

/* —— Cart (Outcry bag desk) —— */
body.ox-cart {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-cart .a71-main { color: var(--ox-ink); }

/* Legacy mixer aliases —— */
body.cs-desk {
  --cs-void: var(--ox-paper);
  --cs-panel: var(--ox-card);
  --cs-metal: #e6ebf1;
  --cs-ink: var(--ox-ink);
  --cs-dim: var(--ox-mute);
  --cs-ice: var(--ox-aqua);
  --cs-mag: var(--ox-coral);
  --cs-ok: var(--ox-aqua);
  --cs-display: var(--ox-display);
  --cs-sans: var(--ox-sans);
  --cs-ease: var(--ox-ease);
  background: transparent !important;
  color: var(--ox-ink);
}

/* —— Checkout (Outcry desk) —— */
body.ox-checkout {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-checkout .a71-main { color: var(--ox-ink); }

/* Legacy aerogramme aliases —— */
body.ag-post {
  --ag-kraft: var(--ox-paper);
  --ag-paper: var(--ox-card);
  --ag-ink: var(--ox-ink);
  --ag-mute: var(--ox-mute);
  --ag-red: var(--ox-coral);
  --ag-navy: var(--ox-ink);
  --ag-display: var(--ox-display);
  --ag-sans: var(--ox-sans);
  --ag-ease: var(--ox-ease);
  background: transparent !important;
}

/* —— Account —— */
/* —— Account (Outcry desk) —— */
body.ox-account {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-account .a71-main { color: var(--ox-ink); }

/* Legacy stackfile aliases —— */
body.sk-stackfile {
  --sk-void: var(--ox-paper);
  --sk-void-2: #e8edf4;
  --sk-sheet: var(--ox-card);
  --sk-sheet-2: #f8fafc;
  --sk-ink: var(--ox-ink);
  --sk-mute: var(--ox-mute);
  --sk-line: var(--ox-line);
  --sk-magenta: var(--ox-coral);
  --sk-lemon: var(--ox-gold);
  --sk-teal: var(--ox-aqua);
  --sk-display: var(--ox-display);
  --sk-sans: var(--ox-sans);
  --sk-mono: var(--ox-mono);
  --sk-ease: var(--ox-ease);
  background: transparent !important;
  color: var(--ox-ink);
}

/* —— Orders —— */
body.st-core {
  --st-dust: var(--ox-paper);
  --st-ink: var(--ox-ink);
  --st-mute: var(--ox-mute);
  --st-loam: var(--ox-slate);
  --st-ochre: var(--ox-gold);
  --st-slate: var(--ox-slate);
  --st-fossil: var(--ox-aqua);
  --st-ash: var(--ox-mute);
  --st-display: var(--ox-display);
  --st-sans: var(--ox-sans);
  --st-ease: var(--ox-ease);
  background: transparent !important;
}

/* —— Order status —— */
/* —— Order status (Outcry tracking) —— */
body.ox-order-status {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-order-status .a71-main { color: var(--ox-ink); }

/* Legacy loom aliases —— */
body.jc-loom {
  --jc-linen: var(--ox-card);
  --jc-ash: var(--ox-paper);
  --jc-ink: var(--ox-ink);
  --jc-mute: var(--ox-mute);
  --jc-indigo: var(--ox-violet);
  --jc-indigo-deep: #3d2f9c;
  --jc-brass: var(--ox-gold);
  --jc-madder: var(--ox-coral);
  --jc-frame: #d5dce6;
  --jc-ebony: var(--ox-ink);
  --jc-display: var(--ox-display);
  --jc-sans: var(--ox-sans);
  --jc-ease: var(--ox-ease);
  background: transparent !important;
}
  background: transparent !important;
}

/* —— Order success —— */
body.kn-hearth {
  --kn-bisque: var(--ox-paper);
  --kn-iron: var(--ox-ink);
  --kn-mute: var(--ox-mute);
  --kn-glaze: var(--ox-aqua);
  --kn-ember: var(--ox-coral);
  --kn-flame: var(--ox-gold);
  --kn-ash: #e6ebf1;
  --kn-display: var(--ox-display);
  --kn-sans: var(--ox-sans);
  --kn-ease: var(--ox-ease);
  background: transparent !important;
}

/* —— Contact —— */
/* —— Contact (Outcry desk) —— */
body.ox-contact {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-contact .a71-main { color: var(--ox-ink); }

/* Legacy booth aliases —— */
body.jx-booth {
  --jx-cream: var(--ox-ink);
  --jx-vinyl: var(--ox-card);
  --jx-shake: var(--ox-blush);
  --jx-chrome: #d5dce6;
  --jx-beer: var(--ox-ink);
  --jx-neon: var(--ox-aqua);
  --jx-check: var(--ox-card);
  --jx-carbon: #ffe4ea;
  --jx-display: var(--ox-display);
  --jx-sans: var(--ox-sans);
  --jx-ease: var(--ox-ease);
  background: transparent !important;
  color: var(--ox-ink);
}
body.jx-booth .a71-main { color: var(--ox-ink); }

/* —— Help —— */
/* —— Help (Outcry desk) —— */
body.ox-help {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-help .a71-main { color: var(--ox-ink); }

/* Legacy river aliases —— */
body.rv-river {
  --rv-ice: var(--ox-paper);
  --rv-foam: var(--ox-card);
  --rv-deep: var(--ox-night);
  --rv-ink: var(--ox-ink);
  --rv-mute: var(--ox-mute);
  --rv-indigo: var(--ox-violet);
  --rv-indigo-soft: #d9d4ff;
  --rv-honey: var(--ox-gold);
  --rv-honey-soft: #ffe9b5;
  --rv-display: var(--ox-display);
  --rv-sans: var(--ox-sans);
  --rv-ease: var(--ox-ease);
  background: transparent !important;
}

/* —— Track & support —— */
/* —— Track (Outcry desk) —— */
body.ox-track {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-track .a71-main { color: var(--ox-ink); }

/* Legacy darkroom aliases —— */
body.cy-bench {
  --cy-void: var(--ox-paper);
  --cy-deep: #e8edf4;
  --cy-print: var(--ox-ink);
  --cy-ink: var(--ox-ink);
  --cy-mute: var(--ox-mute);
  --cy-cyan: var(--ox-aqua);
  --cy-amber: var(--ox-gold);
  --cy-display: var(--ox-display);
  --cy-sans: var(--ox-sans);
  --cy-ease: var(--ox-ease);
  background: transparent !important;
  color: var(--ox-ink);
}
body.cy-bench .a71-main { color: var(--ox-ink); }

/* —— Company —— */
/* —— Company (Outcry desk) —— */
body.ox-company {
  background: transparent !important;
  color: var(--ox-ink);
}
body.ox-company .a71-main { color: var(--ox-ink); }

/* Legacy hall aliases —— */
body.sc-hall {
  --sc-ivory: var(--ox-paper);
  --sc-ink: var(--ox-ink);
  --sc-mute: var(--ox-mute);
  --sc-blue: var(--ox-violet);
  --sc-rose: var(--ox-blush);
  --sc-maple: var(--ox-gold);
  --sc-display: var(--ox-display);
  --sc-sans: var(--ox-sans);
  --sc-ease: var(--ox-ease);
  background: transparent !important;
}

/* Policy pages already near a71 — pin to suite */
body.page-policy {
  background: transparent !important;
  --a71-ink: var(--ox-ink);
  --a71-paper: var(--ox-paper);
  --a71-cobalt: var(--ox-violet);
  --a71-lime: var(--ox-gold);
  --a71-heat: var(--ox-coral);
  --a71-display: var(--ox-display);
  --a71-sans: var(--ox-sans);
  --a71-mono: var(--ox-mono);
}

/* Force suite stage over leftover page !important voids */
body.ox-lintel-site.ox-shop,
body.ox-lintel-site.ox-product,
body.ox-lintel-site.ox-cart,
body.ox-lintel-site.ox-checkout,
body.ox-lintel-site.ox-order-status,
body.ox-lintel-site.ox-help,
body.ox-lintel-site.ox-account,
body.ox-lintel-site.ox-track,
body.ox-lintel-site.ox-contact,
body.ox-lintel-site.ox-company,
body.ox-lintel-site.gn-salon,
body.ox-lintel-site.el-lab,
body.ox-lintel-site.lp-press,
body.ox-lintel-site.cs-desk,
body.ox-lintel-site.ag-post,
body.ox-lintel-site.sk-stackfile,
body.ox-lintel-site.st-core,
body.ox-lintel-site.jc-loom,
body.ox-lintel-site.kn-hearth,
body.ox-lintel-site.jx-booth,
body.ox-lintel-site.rv-river,
body.ox-lintel-site.cy-bench,
body.ox-lintel-site.sc-hall,
body.ox-lintel-site.page-policy {
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(122, 92, 255, 0.16), transparent 55%),
    radial-gradient(900px 420px at 0% 0%, rgba(255, 90, 60, 0.12), transparent 50%),
    var(--ox-night) !important;
}

/* Shared interactive affordances matching home buttons */
body.ox-lintel-site:not(.page-home) a:focus-visible,
body.ox-lintel-site:not(.page-home) button:focus-visible,
body.ox-lintel-site:not(.page-home) input:focus-visible,
body.ox-lintel-site:not(.page-home) textarea:focus-visible,
body.ox-lintel-site:not(.page-home) select:focus-visible {
  outline: 2px solid var(--ox-aqua);
  outline-offset: 2px;
}

/* Keep plinth attached under the porcelain shell — one continuous page foot */
body.ox-lintel-site:not(.page-home) .kb-plinth {
  width: min(1180px, calc(100% - 1.6rem));
  margin: 0 auto 2.4rem;
}

body.ox-lintel-site:not(.page-home) .kb-plinth-shell {
  border-radius: 0 0 1.35rem 1.35rem;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 28px 60px rgba(0, 0, 0, 0.42);
}

body.ox-lintel-site:not(.page-home) .kb-plinth-lattice {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

body.ox-lintel-site:not(.page-home) .kb-plinth-rail:nth-child(2),
body.ox-lintel-site:not(.page-home) .kb-plinth-rail:nth-child(3) {
  transform: none;
}

@media (max-width: 760px) {
  body.ox-lintel-site:not(.page-home) .kb-plinth {
    width: calc(100% - 0.9rem);
  }
  body.ox-lintel-site:not(.page-home) .kb-plinth-shell {
    border-radius: 0 0 1.1rem 1.1rem;
  }
}

body.ox-lintel-site.page-home .kb-plinth {
  margin-top: 1.15rem;
}

/* Contact diner chips that previously assumed cream-on-vinyl */
body.jx-booth .jx-bell-ghost {
  color: var(--ox-ink);
  box-shadow: inset 0 0 0 2px var(--ox-ink);
}
body.jx-booth .jx-45 {
  color: #fff;
}

/* Account dossier sheets stay legible on porcelain stage */
body.sk-stackfile .sk-sheet,
body.sk-stackfile .sk-panel {
  color: var(--ox-ink);
}

/* Cart mixer panels on light stage */
body.cs-desk .cs-panel,
body.cs-desk .cs-bay {
  color: var(--ox-ink);
}