/* Candle City — one paper system. Mock is the material, not a hero sticker. */

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

:root {
  --leather: #0c0a08;
  --paper: #e4d0a3;
  --paper-deep: #c9b07a;
  --ink: #1a140c;
  --ink-soft: #3b2f1c;
  --rule: rgba(26,20,12,.28);
  --gold: #c9a24a;
  --gold-bright: #e3bf6a;
}

html { background: #0c0a08; }

body.theme-gazette,
body.comic-page {
  background:
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.45)),
    url('/assets/art/desk-scratch.jpg') center / cover fixed !important;
  color: var(--ink);
  font-family: 'Barlow Condensed', Impact, sans-serif;
}

body.theme-gazette .site-shell,
body.comic-page .site-shell {
  width: min(100%, 1280px);
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

/* Header = stamped leather bar */
body.theme-gazette .site-header,
body.comic-page .site-header {
  background: #100e0b !important;
  border-bottom: 1px solid rgba(201,162,74,.28) !important;
  backdrop-filter: none !important;
}
body.theme-gazette .site-nav a,
body.comic-page .site-nav a {
  color: #d2c39a !important;
  letter-spacing: .18em;
  font-size: 13px;
  font-weight: 700;
}
body.theme-gazette .site-nav a[aria-current='page'],
body.comic-page .site-nav a[aria-current='page'] {
  color: var(--gold-bright) !important;
}
body.theme-gazette .x-link,
body.comic-page .x-link {
  border-radius: 0;
  border-color: rgba(201,162,74,.4);
  color: var(--gold-bright);
}

/* Shared paper fill */
.paper,
body.theme-gazette .hero,
body.theme-gazette .panel,
body.theme-gazette .market-card,
body.theme-gazette .stat,
body.theme-gazette .district,
body.theme-gazette .process-step,
body.theme-gazette .story-card,
body.theme-gazette .empty-state,
body.theme-gazette .site-footer,
body.comic-page .chapter-reader-intro,
body.comic-page .site-footer {
  color: var(--ink);
  background-color: #dcc79a;
  background-image:
    radial-gradient(ellipse at 8% 10%, rgba(90,48,16,.22), transparent 36%),
    radial-gradient(ellipse at 94% 88%, rgba(70,38,12,.18), transparent 38%),
    url('/assets/art/paper-cream.jpg');
  background-size: auto, auto, 900px auto;
  box-shadow: inset 0 0 70px rgba(70,40,14,.16);
}

/* Kill photo heroes — the page IS the paper */
body.theme-gazette .hero {
  display: block !important;
  min-height: 0 !important;
  grid-template-columns: none !important;
  border-bottom: 0 !important;
  margin: 22px 22px 0;
  padding: 0;
}
body.theme-gazette .hero-visual { display: none !important; }
body.theme-gazette .hero-copy,
body.theme-gazette .page-hero .hero-copy {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: clamp(28px, 5vw, 56px) clamp(20px, 4vw, 56px) !important;
  position: static !important;
  background: none !important;
}
body.theme-gazette .hero h1,
body.theme-gazette .chapter-reader-intro h1 {
  color: var(--ink) !important;
  text-shadow: none !important;
  font: 800 clamp(44px, 8vw, 92px)/.88 'Barlow Condensed', Impact, sans-serif !important;
  letter-spacing: -.04em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
body.theme-gazette .hero .lead,
body.theme-gazette .hero p,
body.theme-gazette .chapter-reader-intro .lead {
  color: var(--ink-soft) !important;
  text-shadow: none !important;
  max-width: 640px;
}
body.theme-gazette .eyebrow,
body.theme-gazette .hero-kicker {
  color: var(--ink) !important;
  text-shadow: none !important;
}

/* Home poster already uses .paper-sheet */
body.theme-gazette .paper-sheet {
  color: var(--ink);
}

body.theme-gazette .section {
  padding: 18px 22px;
}
body.theme-gazette .section > h2,
body.theme-gazette .section-header h2 {
  color: var(--gold-bright);
  font: 800 22px/1 'Barlow Condensed', sans-serif;
  letter-spacing: .12em;
}

body.theme-gazette .panel,
body.theme-gazette .story-card,
body.theme-gazette .stat,
body.theme-gazette .district,
body.theme-gazette .process-step,
body.theme-gazette .market-card {
  border: 1px solid rgba(26,20,12,.28) !important;
  border-radius: 0 !important;
}
body.theme-gazette .panel::before { display: none; }
body.theme-gazette .panel h2,
body.theme-gazette .panel h3,
body.theme-gazette .stat-value,
body.theme-gazette .district h3 {
  color: var(--ink) !important;
}
body.theme-gazette .panel p,
body.theme-gazette .district p,
body.theme-gazette .muted,
body.theme-gazette .stat-label,
body.theme-gazette .market-label,
body.theme-gazette .market-note {
  color: var(--ink-soft) !important;
}
body.theme-gazette .market-value {
  color: var(--ink) !important;
  font: 800 clamp(28px, 3.2vw, 40px)/1 'Barlow Condensed', sans-serif;
}

body.theme-gazette .market-grid {
  gap: 0 !important;
  border: 1px solid rgba(26,20,12,.3);
}
body.theme-gazette .market-card {
  background-color: #d7c08a;
  border-right: 1px solid rgba(26,20,12,.22) !important;
  border-bottom: 1px solid rgba(26,20,12,.22) !important;
  border-top: 0 !important;
  border-left: 0 !important;
}

body.theme-gazette .btn {
  border-radius: 0 !important;
  border: 2px solid var(--ink) !important;
  background: rgba(255,255,255,.14) !important;
  color: var(--ink) !important;
  box-shadow: 3px 3px 0 rgba(0,0,0,.18);
}
body.theme-gazette .btn-primary {
  background: var(--gold) !important;
  color: var(--ink) !important;
  border-color: var(--ink) !important;
}
body.theme-gazette .btn[disabled],
body.theme-gazette .btn.disabled {
  opacity: .5;
}

body.theme-gazette .contract-bar,
body.theme-gazette .ca-strip {
  border: 1px dashed rgba(26,20,12,.4);
  background: rgba(255,255,255,.2);
  border-radius: 0;
  color: var(--ink);
}
body.theme-gazette .contract-bar label { color: var(--ink); }

body.theme-gazette input[type='text'] {
  background: rgba(255,255,255,.28) !important;
  border: 1px solid var(--ink) !important;
  color: var(--ink) !important;
  border-radius: 0 !important;
}

body.theme-gazette table,
body.theme-gazette .tax-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(255,255,255,.12);
}
body.theme-gazette th,
body.theme-gazette td {
  border-bottom: 1px solid var(--rule);
  color: var(--ink);
  padding: 10px 8px;
}
body.theme-gazette pre,
body.theme-gazette code {
  color: var(--ink);
  background: rgba(26,20,12,.08);
  font-family: 'Special Elite', 'IBM Plex Mono', monospace;
}

body.theme-gazette .prelaunch {
  background: var(--ink);
  color: var(--paper);
  border: 0;
  border-radius: 0;
}
body.theme-gazette .citizenship-note {
  color: var(--ink-soft) !important;
  border-top-color: var(--rule);
}

body.theme-gazette .story-art {
  border-bottom: 1px solid var(--rule);
  background: #1a140c;
}
body.theme-gazette .story-body h3 { color: var(--ink) !important; }

/* Footer ledger */
body.theme-gazette .site-footer,
body.comic-page .site-footer {
  border-top: 1px solid rgba(26,20,12,.3);
  color: var(--ink);
}
body.theme-gazette .footer-brand p,
body.theme-gazette .footer-col a,
body.theme-gazette .footer-col span,
body.theme-gazette .footer-bottom,
body.comic-page .footer-brand p,
body.comic-page .footer-col a,
body.comic-page .footer-col span,
body.comic-page .footer-bottom {
  color: var(--ink-soft) !important;
}
body.theme-gazette .footer-col strong,
body.comic-page .footer-col strong {
  color: var(--ink) !important;
}

/* Comic reader sits on the same desk */
body.comic-page .chapter-reader-intro {
  margin: 22px 22px 0;
  border: 1px solid rgba(26,20,12,.28);
  text-align: left;
  background-attachment: local;
}
body.comic-page .chapter-reader-intro h1 { text-align: left; }
body.comic-page .comic-reader-section {
  background: transparent !important;
}
body.comic-page .comic-sheet {
  border: 1px solid rgba(26,20,12,.4);
  border-radius: 0;
  background: #1a140c;
  box-shadow: 8px 10px 0 rgba(0,0,0,.35);
}
body.comic-page .reader-arrow {
  border-radius: 0;
  background: var(--paper);
  color: var(--ink);
  border: 2px solid var(--ink);
}

body.theme-gazette .mobile-nav,
body.comic-page .mobile-nav {
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  background: #100e0b !important;
  border-top: 1px solid rgba(201,162,74,.35) !important;
}

@media (max-width: 760px) {
  body.theme-gazette .site-shell,
  body.comic-page .site-shell {
    width: 100%;
    margin: 0;
    border: 0;
  }
  body.theme-gazette .hero,
  body.comic-page .chapter-reader-intro { margin: 12px 12px 0; }
  body.theme-gazette .section { padding: 14px; }
  body.theme-gazette .market-card { border-right: 0 !important; }
}

/* Homepage: one dirty sheet, not a card on black */
body.theme-gazette .gazette-hero {
  padding: 8px 16px 0;
  background: none;
}
body.theme-gazette .paper-sheet {
  width: 100%;
  margin: 0;
  clip-path: none !important;
  filter: contrast(1.12) saturate(.78) !important;
  background-color: #c9ad74 !important;
  background-image:
    radial-gradient(ellipse at 6% 10%, rgba(90,40,10,.38), transparent 28%),
    radial-gradient(circle at 18% 22%, rgba(90,50,18,.2) 0 34%, transparent 36%),
    radial-gradient(ellipse at 92% 8%, rgba(70,35,10,.3), transparent 26%),
    radial-gradient(ellipse at 80% 88%, rgba(60,30,10,.28), transparent 32%),
    url('/assets/art/paper-dirty.jpg') !important;
  background-size: auto, auto, auto, auto, cover !important;
  box-shadow: none !important;
  border: 1px solid rgba(40,24,8,.28);
}
body.theme-gazette .gazette-board {
  padding-top: 8px;
}
body.theme-gazette .mobile-nav,
body.comic-page .mobile-nav {
  background:
    url('/assets/art/paper-dirty.jpg') center / cover !important;
  border-top: 1px solid rgba(26,20,12,.35) !important;
}
body.theme-gazette .mobile-nav a { color: #3b2f1c !important; }
body.theme-gazette .mobile-nav a[aria-current='page'] { color: #1a140c !important; background: rgba(26,20,12,.08); }

/* Mock material — torn sheet on scratched desk */
body.theme-gazette .gazette-hero {
  padding: 28px 16px 8px;
  background: none !important;
}
body.theme-gazette .paper-sheet {
  width: min(920px, 100%) !important;
  margin: 0 auto !important;
  padding: 42px 36px 28px !important;
  clip-path: none !important;
  filter: none !important;
  border: 0 !important;
  color: #1a140c;
  background-color: transparent !important;
  background-image: url('/assets/art/poster-sheet.png') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.55) !important;
}
body.theme-gazette .ticket {
  border: 2px solid #1a140c;
  box-shadow: 3px 3px 0 rgba(0,0,0,.35);
  background: #1a140c;
  color: #e8d3a4;
}
body.theme-gazette .ticket-dead {
  background: #1a140c;
  color: #e8d3a4;
  opacity: .85;
}
body.theme-gazette .ticket-gold {
  background: #e4d0a3 !important;
  color: #1a140c !important;
}
body.theme-gazette .section-header h2,
body.theme-gazette .gazette-board .section-header h2 {
  color: #e8d3a4 !important;
}
body.theme-gazette .market-card {
  background:
    url('/assets/art/poster-sheet.png') center / cover !important;
}
body.theme-gazette .mobile-nav {
  background: #100e0b !important;
}
body.theme-gazette .mobile-nav a { color: #d2c39a !important; }