/* Aligns marketing/legal/support/download pages with index.html (cream + punch + Fraunces brand).
   Load after site-shared.css and page-specific CSS (and home-footer.css when used). */

html {
  color-scheme: light;
}

:root {
  --ink: #1a1714;
  --ink-muted: #5c5751;
  --line: rgba(26, 23, 20, 0.1);
  --surface: #ffffff;
  --surface-2: #f2efe8;
  --accent: #ff4d1c;
  --accent-hover: #e03a10;
  --font: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --shadow-sm: 0 1px 2px rgba(26, 23, 20, 0.08);
  --shadow-md: 0 12px 40px rgba(26, 23, 20, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #1a1714;
    --ink-muted: #5c5751;
    --line: rgba(26, 23, 20, 0.12);
    --surface: #ffffff;
    --surface-2: #f2efe8;
    --accent: #ff4d1c;
  }
}

body {
  font-family: var(--font);
  background: #faf8f4 !important;
  color: var(--ink) !important;
}

.site-header {
  background: rgba(250, 248, 244, 0.92) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom-color: var(--line) !important;
}

.brand {
  font-family: "Fraunces", Georgia, serif;
}

.brand__name {
  letter-spacing: -0.04em;
}

.btn-nav {
  background: var(--ink) !important;
  color: #faf8f4 !important;
  border-radius: 999px !important;
  box-shadow: none;
  background-image: none !important;
}

.btn-nav:hover {
  background: var(--accent) !important;
  color: #faf8f4 !important;
  filter: none;
}

.skip-link:focus {
  background: var(--accent);
  color: #fff;
}

.nav-main a:not(.btn-nav):hover {
  color: var(--accent);
}

main a {
  color: var(--accent);
}

.download-intro {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--accent) 8%, var(--surface)) 0%,
    var(--surface-2) 45%,
    color-mix(in srgb, #1a6b4a 12%, var(--surface-2)) 100%
  ) !important;
  border-color: var(--line) !important;
}

.download-page .eyebrow {
  color: var(--accent) !important;
}

.download-page .eyebrow::before {
  background: #1a6b4a !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, #1a6b4a 28%, transparent) !important;
}

.download-card {
  border-color: var(--line) !important;
}

.home-footer {
  background-color: #faf8f4 !important;
  background-image: radial-gradient(
      ellipse 120% 80% at 10% -20%,
      rgba(255, 77, 28, 0.12),
      transparent
    ),
    radial-gradient(ellipse 90% 70% at 95% 10%, rgba(27, 79, 216, 0.1), transparent),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(26, 107, 74, 0.08), transparent) !important;
}

/* Legal intro — same cream family as body; avoid strong accent wash (read as “stained”) */
.legal-page .doc-hero {
  background: linear-gradient(
    155deg,
    #ffffff 0%,
    #faf8f4 42%,
    #f2efe8 100%
  ) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 1px 0 rgba(26, 23, 20, 0.04), 0 12px 40px rgba(26, 23, 20, 0.06) !important;
}

.legal-page .card {
  box-shadow: var(--shadow-sm);
}

.legal-page h1,
.support-page h1 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.download-page h1 {
  font-family: "Fraunces", Georgia, serif;
}