/* ---------------------------------------------------------------------------
 * Custom site-wide styles for this Gitea instance.
 *
 * Loaded on every page via <custom>/templates/custom/header.tmpl.
 * Lives at: <custom>/public/assets/css/custom.css  ->  /assets/css/custom.css
 *
 * Colours are deliberately NOT set here. The active theme (Catppuccin, see
 * [ui] DEFAULT_THEME in app.ini) owns the palette; everything below reads it
 * back through Gitea's CSS custom properties so this file works with any
 * theme and any flavour the user picks in Settings > Appearance.
 *
 * Scope: layout and typography for the anonymous landing page only.
 * To revert: delete this file and templates/custom/header.tmpl, restart.
 * ------------------------------------------------------------------------- */

.page-content.home .logo {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 6px 18px var(--color-primary-alpha-20));
}

.page-content.home .hero h1.title {
  font-size: clamp(2rem, 6vw, 3.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 0.35em;
}

.page-content.home .hero h2 {
  font-size: clamp(1rem, 2.5vw, 1.4rem);
  font-weight: 400;
  color: var(--color-text-light-2);
  margin-top: 0;
}

/* The four feature columns ship as <h1>; scale them down to subheading size. */
.page-content.home .hero.ui.icon.header {
  font-size: clamp(1.15rem, 2.5vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.page-content.home .hero.ui.icon.header .svg {
  color: var(--color-primary);
  vertical-align: -0.15em;
  margin-right: 0.25em;
}

.page-content.home .ui.stackable.page.grid {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.page-content.home p.large {
  color: var(--color-text-light-1);
  max-width: 34rem;
  margin-inline: auto;
}