/* Backlot Cafe public shell v0.1.8.32
   Canonical shared public theme + navbar + container geometry.
   Page files may own their section layouts, but not these global primitives. */

:root{
  color-scheme:light;
  --bc-bg:#eef3f1;
  --bc-panel:#fbfcfc;
  --bc-panel-2:#e5efec;
  --bc-ink:#14202a;
  --bc-muted:#607078;
  --bc-accent:#4fa7a0;
  --bc-accent-2:#8bc9c4;
  --bc-nav:#f8fbfa;
  --bc-nav-ink:#14202a;
  --bc-nav-button:#e8f0ee;
  --bc-line:rgba(20,32,42,.14);
  --bc-shell:1120px;
  --bc-page-glow:rgba(79,167,160,.14);

  /* Compatibility aliases for older page CSS. */
  --bg:var(--bc-bg);
  --panel:var(--bc-panel);
  --ink:var(--bc-ink);
  --muted:var(--bc-muted);
  --gold:var(--bc-accent);
  --gold2:var(--bc-accent-2);
  --accent:var(--bc-accent);
  --nav:var(--bc-nav);
  --line:var(--bc-line);
}

html.night-mode,
html[data-theme="night"]{
  color-scheme:dark;
  --bc-bg:#14202a;
  --bc-panel:#1d2c36;
  --bc-panel-2:#243640;
  --bc-ink:#eef4f5;
  --bc-muted:#aab9bf;
  --bc-accent:#63b8b0;
  --bc-accent-2:#8bc9c4;
  --bc-nav:#111c24;
  --bc-nav-ink:#f4f8f8;
  --bc-nav-button:rgba(255,255,255,.055);
  --bc-line:rgba(222,235,238,.14);
  --bc-page-glow:rgba(99,184,176,.10);
}

*{box-sizing:border-box}

html,
body{
  background:var(--bc-bg)!important;
  color:var(--bc-ink)!important;
}

body{
  margin:0;
  background-image:radial-gradient(circle at 78% -8%,var(--bc-page-glow),transparent 34rem)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.shell{
  width:min(calc(100% - 30px),var(--bc-shell))!important;
  max-width:var(--bc-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.top,
header.top,
body>header{
  height:74px!important;
  min-height:74px!important;
}

.top{
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:var(--bc-nav)!important;
  border-bottom:1px solid var(--bc-line)!important;
  backdrop-filter:none!important;
}

.top .nav,
header .nav{
  width:min(calc(100% - 30px),var(--bc-shell))!important;
  max-width:var(--bc-shell)!important;
  height:74px!important;
  min-height:74px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}

.top .brand,
header .brand{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:21px!important;
  line-height:21px!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  text-decoration:none!important;
  color:var(--bc-nav-ink)!important;
  white-space:nowrap!important;
}

.top .mark,
header .mark{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--bc-accent)!important;
  color:#07191a!important;
  font-size:16px!important;
  line-height:36px!important;
  font-weight:1000!important;
}

.top .nav-actions,
header .nav-actions{
  height:74px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.top .btn,
.top .theme-switch,
header .nav-actions a,
header .theme-switch,
header .theme{
  min-height:44px!important;
  border-radius:11px!important;
  border:1px solid var(--bc-line)!important;
  background:var(--bc-nav-button)!important;
  color:var(--bc-nav-ink)!important;
}

.btn.primary,
button.primary,
a.primary{
  background:var(--bc-accent)!important;
  color:#07191a!important;
  border-color:transparent!important;
}

.eyebrow,
.bc-kicker,
.meta{
  color:var(--bc-accent)!important;
}

.ask-card,
.card,
.hero-card,
.post,
.notice{
  background:var(--bc-panel)!important;
  color:var(--bc-ink)!important;
  border-color:var(--bc-line)!important;
}

.field,
.rate-box{
  background:var(--bc-panel-2)!important;
  color:var(--bc-ink)!important;
  border-color:var(--bc-line)!important;
}

.muted,
.lead,
.sub{
  color:var(--bc-muted)!important;
}

@media(max-width:700px){
  .shell{
    width:min(calc(100% - 24px),var(--bc-shell))!important;
  }
}


/* v0.1.8.32: hard-lock all public surfaces to the same shell and brand mark. */
body>header,.top{background:var(--bc-nav)!important;border-bottom:1px solid var(--bc-line)!important;display:flex!important;align-items:center!important;padding:0!important}
.top .mark,header .mark{background-color:transparent!important;background-image:url('/assets/brand/backlot-mark-192.png?v=0.1.8.31')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important;text-indent:-9999px!important;overflow:hidden!important;border-radius:10px!important}


/* Day mode is intentionally a separate expression, not merely dark mode on a pale page. */
html:not(.night-mode):not([data-theme="night"]) .top,
html:not(.night-mode):not([data-theme="night"]) body>header{
  box-shadow:0 1px 0 rgba(20,32,42,.06),0 8px 24px rgba(20,32,42,.045)!important;
}
html:not(.night-mode):not([data-theme="night"]) .ask-card,
html:not(.night-mode):not([data-theme="night"]) .card,
html:not(.night-mode):not([data-theme="night"]) .hero-card,
html:not(.night-mode):not([data-theme="night"]) .post{
  box-shadow:0 16px 42px rgba(20,32,42,.06)!important;
}

/* Shared real-site footer / deployment marker */
.bc-site-footer{margin-top:56px;border-top:1px solid var(--bc-line,var(--line));color:var(--bc-muted,var(--muted));background:color-mix(in srgb,var(--bc-panel,var(--panel)) 72%,transparent)}
.bc-site-footer-inner{width:min(calc(100% - 30px),var(--bc-shell,1120px));margin:0 auto;min-height:76px;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:16px 0}
.bc-site-footer-brand,.bc-site-footer-links{display:flex;align-items:center;gap:12px}.bc-site-footer-brand{font-weight:850;color:var(--bc-ink,var(--ink))}.bc-site-footer-brand img{border-radius:7px}.bc-site-footer-links a{color:inherit;text-decoration:none;font-weight:750}.bc-site-footer-links a:hover{text-decoration:underline}.bc-site-version{font-size:11px;letter-spacing:.05em;font-weight:800;white-space:nowrap}
@media(max-width:700px){.bc-site-footer-inner{width:min(calc(100% - 24px),var(--bc-shell,1120px));align-items:flex-start;flex-direction:column;gap:10px}.bc-site-footer{margin-top:36px}}

/* v0.1.8.32 explicit day/night navbar split */
html:not(.night-mode):not([data-theme="night"]) .top,
html:not(.night-mode):not([data-theme="night"]) body>header{background:#f8fbfa!important;color:#14202a!important}
html:not(.night-mode):not([data-theme="night"]) .top .brand,
html:not(.night-mode):not([data-theme="night"]) header .brand,
html:not(.night-mode):not([data-theme="night"]) .top .btn,
html:not(.night-mode):not([data-theme="night"]) header .nav-actions a,
html:not(.night-mode):not([data-theme="night"]) header .theme-switch{color:#14202a!important}
html.night-mode .top,html[data-theme="night"] .top,
html.night-mode body>header,html[data-theme="night"] body>header{background:#111c24!important;color:#f4f8f8!important}