/* superPDF project page: uses the superpdf.ai brand (Plus Jakarta Sans, brand blue #0369A1, tint #E0F2FE).
   Colour tokens are taken from superpdf.ai/src/style.css and brand/README.md. */
.spdf-page {
  --spdf-accent: #0369a1;
  --spdf-accent-deep: #075985;
  --spdf-tint: #e0f2fe;
  --spdf-sky: #38bdf8;
  --spdf-ink: #141922;
  --spdf-muted: #586170;
  --spdf-line: #e4e7ec;
  --spdf-soft: #f6f7f9;
  --spdf-wash: #f7fcff;
  --spdf-bg: #ffffff;
  --spdf-link: #0369a1;
  background: var(--spdf-bg);
}
[data-theme="dark"] .spdf-page, [data-theme="dark"].spdf-page {
  --spdf-ink: #eef1f5;
  --spdf-muted: #a3acba;
  --spdf-line: #2a3140;
  --spdf-soft: #1b212c;
  --spdf-wash: #172331;
  --spdf-bg: #141922;
  --spdf-link: #38bdf8;
}

/* The shared showcase styles read these; scope them to the page content so the site nav keeps its own colours */
.spdf-page .showcase {
  --primary: var(--spdf-accent);
  --primary-dark: var(--spdf-accent-deep);
  --primary-light: var(--spdf-sky);
  --text-dark: var(--spdf-ink);
  --text-gray: var(--spdf-muted);
  --border: var(--spdf-line);
  --bg-light: var(--spdf-soft);
  --bg-lighter: var(--spdf-bg);
}

.spdf-page .showcase,
.spdf-page .showcase p,
.spdf-page .showcase li,
.spdf-page .showcase h1,
.spdf-page .showcase h2,
.spdf-page .showcase h3,
.spdf-page .showcase h4,
.spdf-page .showcase a,
.spdf-page .showcase button {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.spdf-page .showcase p { color: var(--spdf-muted); }
.spdf-page .showcase a:not(.sc-btn):not(.sc-stretch):not(.sc-tile):not(.back-to-projects) { color: var(--spdf-link); }
.spdf-page .showcase .sc-logos a { color: var(--spdf-ink) !important; }

/* Hero: logo from the superPDF brand kit, light and on-dark versions */
.spdf-page .showcase .sc-hero h1 { margin: 0 0 1.25rem; line-height: 0; }
.spdf-page .spdf-logo { width: 240px; height: auto; display: block; }
.spdf-page .spdf-logo-dark { display: none; }
[data-theme="dark"] .spdf-page .spdf-logo-light { display: none; }
[data-theme="dark"] .spdf-page .spdf-logo-dark { display: block; }

.spdf-page .showcase .sc-tagline {
  font-size: clamp(2rem, 3.6vw, 2.9rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 600;
  color: var(--spdf-ink);
  margin: 0 0 1rem;
  text-wrap: balance;
}
.spdf-page .showcase .sc-tagline span { display: block; color: var(--spdf-accent); }
[data-theme="dark"] .spdf-page .showcase .sc-tagline span { color: var(--spdf-sky); }

.spdf-page .showcase .sc-h2 { font-weight: 600; letter-spacing: -0.03em; }
.spdf-page .showcase .sc-eyebrow { letter-spacing: 0.1em; font-weight: 600; color: var(--spdf-muted); }

/* Buttons: blue primary, outlined secondary, 6px corners like superpdf.ai */
.spdf-page .showcase .sc-btn { border-radius: 6px; font-weight: 600; box-shadow: none; }
.spdf-page .showcase .sc-btn-primary { background: var(--spdf-accent); border-color: var(--spdf-accent); color: #ffffff; }
.spdf-page .showcase .sc-btn-primary:hover { background: var(--spdf-accent-deep); border-color: var(--spdf-accent-deep); }
.spdf-page .showcase .sc-btn-secondary { background: var(--spdf-bg); color: var(--spdf-ink); border-color: var(--spdf-line); }
.spdf-page .showcase .sc-btn-secondary:hover { border-color: var(--spdf-accent); color: var(--spdf-ink); }

.spdf-page .showcase .sc-chips li { background: var(--spdf-wash); border-color: var(--spdf-line); }
.spdf-page .showcase .sc-chips li svg { color: var(--spdf-accent); }
[data-theme="dark"] .spdf-page .showcase .sc-chips li svg { color: var(--spdf-sky); }

/* Cards: tinted icon squares, flat 1px lines */
.spdf-page .showcase .sc-card,
.spdf-page .showcase .sc-tile { box-shadow: none; }
.spdf-page .showcase .sc-card:hover,
.spdf-page .showcase .sc-tile:hover { border-color: var(--spdf-accent); }
.spdf-page .showcase .sc-icon { color: var(--spdf-accent); }
[data-theme="dark"] .spdf-page .showcase .sc-icon,
[data-theme="dark"] .spdf-page .showcase .sc-tile-logo .sc-i { color: var(--spdf-sky); }

.spdf-page .showcase .spdf-dev-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 1.5rem; }
.spdf-page .showcase .sc-panel .sc-card { background: var(--spdf-bg); }

.spdf-page .showcase .sc-cta {
  background: var(--spdf-wash);
  border-color: var(--spdf-line);
  border-radius: 10px;
}
.spdf-page .showcase .sc-subnav a[aria-current] { color: var(--spdf-link); border-color: var(--spdf-link); }

.spdf-page .showcase .sc-cta p { margin: 0 auto 1.5rem; }

/* Three cards across, with room for the full description */
.spdf-page .showcase .sc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.spdf-page .showcase .sc-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.spdf-page .showcase .sc-card p { -webkit-line-clamp: unset; display: block; overflow: visible; }

@media (max-width: 900px) {
  .spdf-page .showcase .sc-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .spdf-page .showcase .sc-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .spdf-page .spdf-logo { width: 200px; }
}