/* QuarkAPI brand typography — readability first */
:root {
  --text-xs: 0.875rem;
  --text-sm: 1.05rem;
  --text-base: 1.125rem;
  --text-lg: 1.3rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.8rem;
  --text-3xl: 2.2rem;
  --text-4xl: 2.65rem;
  --text-5xl: 3.4rem;
  --text-6xl: 4rem;
}

html {
  font-size: 17px !important;
}

body,
#root {
  line-height: 1.65 !important;
}

/* Homepage / marketing surfaces */
main p,
main li,
main .text-muted-foreground,
[data-slot="card"] p,
[data-slot="card"] .text-muted-foreground {
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

main h1,
main .text-4xl,
main .text-5xl,
main .text-\[clamp\(2\.25rem\,4\.5vw\,3\.25rem\)\] {
  line-height: 1.2 !important;
  letter-spacing: -0.02em;
}

main h2,
main .text-2xl,
main .text-3xl {
  line-height: 1.3 !important;
}

main h3,
main .text-xl {
  font-size: 1.35rem !important;
  line-height: 1.4 !important;
}

/* Soften overly tiny utility text on public pages */
main .text-xs {
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
}

main .text-sm {
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
}

/* Header brand label next to logo */
header a,
header span,
nav a {
  font-size: 1.05rem;
}

header .text-sm,
header .text-xs {
  font-size: 1rem !important;
}

/* Keep logo override */
img[src*="logo.png"],
header img.rounded-full,
header img.h-6 {
  height: 52px !important;
  width: 52px !important;
  max-width: none !important;
  max-height: 52px !important;
  border-radius: 8px !important;
  object-fit: contain !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Hide New API forced attribution / docs / related-project links */
footer .custom-footer ~ div {
  display: none !important;
}
footer a[href*="github.com/QuantumNous"],
footer a[href*="docs.newapi.pro"],
footer a[href*="github.com/songquanpeng/one-api"],
footer a[href*="github.com/Calcium-Ion"],
footer a[href*="github.com/novicezk/midjourney-proxy"] {
  display: none !important;
}
footer .quark-footer {
  width: 100%;
  text-align: center !important;
}