/* ProofProfile brand for news.proofprofile.it: the fonts, palette and masthead
   of https://proofprofile.it (its site.css, copied from the proofprofile.net
   apex). Loaded after the Source theme's screen.css and overrides its tokens. */


html:root {
  --pp-paper: #fffdf8;
  --pp-n50: #f3efe7;
  --pp-n100: #ebe5da;
  --pp-n200: #d5cec1;
  --pp-n600: #56606c;
  --pp-n700: #3d4652;
  --pp-n800: #17202b;
  --pp-navy: #101c2d;
  --pp-slate: #17263a;
  --pp-accent: #13786f;
  --pp-emerald: #0f5f57;
  --pp-display: 'Bricolage Grotesque', 'Geist', sans-serif;

  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;
  --font-serif: var(--pp-display);
  --gh-font-heading: var(--pp-display);
  --gh-font-body: var(--font-sans);

  --ghost-accent-color: var(--pp-accent);
  --background-color: var(--pp-n50);
  --color-darker-gray: var(--pp-n800);
  --color-dark-gray: var(--pp-n700);
  --color-primary-text: var(--pp-n800);
  --color-secondary-text: var(--pp-n600);
  --color-border: var(--pp-n200);
  --color-light-gray: var(--pp-n100);
  --color-lighter-gray: var(--pp-n100);
  --color-white: var(--pp-paper);
}

/* Headings in the display face, navy. */
.is-title, .gh-content :is(h1, h2, h3), .gh-card-title, .gh-article-title, .gh-header-title {
  font-family: var(--pp-display);
  color: var(--pp-navy);
  letter-spacing: -0.02em;
}

/* Masthead: the apex header, a paper bar with the mark and the wordmark. */
.gh-navigation {
  background-color: var(--pp-paper);
  border-bottom: 1px solid var(--pp-n200);
  height: 64px;
}
.gh-navigation-actions { background-color: var(--pp-paper); }
.pp-brand { display: inline-flex; align-items: center; gap: 0.75rem; text-decoration: none; }
.pp-mark { height: 32px; width: auto; max-height: 32px; }
.pp-wordmark {
  font-family: var(--pp-display);
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: -0.01em;
  color: var(--pp-navy);
  line-height: 1;
}
.pp-tld { color: var(--pp-accent); }
.pp-section {
  padding: 0.3rem 0.75rem;
  background: var(--pp-n100);
  border-radius: 0.375rem;
  font-family: var(--font-sans);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pp-n700);
  line-height: 1.4;
}
.gh-navigation-menu a { color: var(--pp-n700); }
.gh-navigation-menu a:hover { color: var(--pp-accent); }

/* Landing header: the apex hero, paper with a hairline. */
.gh-header.is-classic {
  margin-top: 0;
  padding: 5.6rem 0 6rem;
  background: var(--pp-paper);
  border-bottom: 1px solid var(--pp-n200);
}
.gh-header.is-classic .gh-header-title { color: var(--pp-navy); }

/* Post feed. */
.gh-card-title { color: var(--pp-navy); }
.gh-card-excerpt { color: var(--pp-n700); }
.gh-card-meta, .gh-article-meta { color: var(--pp-n600); }

/* Evidence section (injected server-side by the API's page proxy). */
.evidence { margin-top: 4.8rem; }
.evidence h2 { font-family: var(--pp-display); color: var(--pp-navy); }
.evidence-table { width: 100%; border-collapse: collapse; font-family: var(--font-mono); font-size: 1.3rem; line-height: 1.5; }
.evidence-table th { text-align: left; vertical-align: top; white-space: nowrap; padding: 0.7rem 1.2rem 0.7rem 0; color: var(--pp-n700); font-weight: 600; border-top: 1px solid var(--pp-n200); }
.evidence-table td { padding: 0.7rem 0; word-break: break-all; color: var(--pp-n800); border-top: 1px solid var(--pp-n200); }
.evidence-table a { color: var(--pp-accent); }
.evidence-scope { margin-top: 1.6rem; padding-left: 1rem; border-left: 3px solid var(--pp-accent); color: var(--pp-n700); }

/* Footer: the apex's navy closing band. */
.gh-footer {
  background: var(--pp-navy);
  color: var(--pp-n100);
  margin-top: 12vw;
  padding-top: 0.1px;
}
.gh-footer-bar { border-block: 0; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-bottom: 4rem; }
.gh-footer a { color: var(--pp-n100); text-decoration: none; }
.gh-footer a:hover { color: var(--pp-paper); text-decoration: underline; }
.gh-footer .pp-wordmark, .gh-footer .pp-section { color: var(--pp-paper); }
.gh-footer .pp-section { background: var(--pp-slate); }
.gh-footer .pp-tld { color: #5fc3b8; }
.gh-footer-copyright { font-family: var(--font-mono); font-size: 1.2rem; color: var(--pp-n200); }
.gh-footer-signup-header, .gh-footer-signup-subhead { color: var(--pp-paper); }