/* sheet.css — shared shell for the "sheet" pages: privacy.html,
   sms_terms_conditions.html and sell_sheet.html. These pages do not load
   style.css; this is their reset + layout skeleton. Each page keeps its own
   <link> for Bebas Neue + DM Sans (moving it here would mean an @import, which
   delays the font) and its page-specific rules. Page-level overrides of the
   values below are expected and deliberate: sell_sheet's denser .section
   padding and tighter .section-label, and each page's own .header-title size.

   NOTE: the gold tokens below duplicate admin.css's accent tokens under other
   names — --gold = --admin-accent, --gold-dim = --admin-accent-hover,
   --black = --admin-bg, --dark = --admin-surface, --dark-mid =
   --admin-surface-hover, --white = --admin-text, --gray = --admin-text-muted,
   --gray-light = --admin-text-secondary. They stay separate only because these
   pages don't load admin.css; change both if the palette moves. */

:root {
  --gold: #F5A623;
  --gold-dim: #C7841A;
  --gold-glow: rgba(245,166,35,0.10);
  --black: #0A0A0A;
  --dark: #161616;
  --dark-mid: #1c1c1c;
  --white: #F0EDE6;
  --gray: #908A7E;
  --gray-light: #C0BAB0;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  background: #111;
  color: var(--white);
  line-height: 1.6;
}

/* ── Layout wrapper ── */
.sheet {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 0 48px;
}

/* ── Sections ── */
.section {
  background: var(--black);
  padding: 48px 60px;
  position: relative;
  overflow: hidden;
}
.section + .section {
  margin-top: 3px;
}

/* ── Utility ── */
.gold-line {
  height: 2px;
  background: var(--gold);
  border: none;
  margin: 0;
}
.section-label {
  font-size: 11px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}
.section-heading {
  font-family: 'Bebas Neue', sans-serif;
  line-height: 0.95;
  letter-spacing: 1px;
  color: var(--white);
}