/* ============================================================
   Tech Innovation Hub — brand overrides
   Applied ON TOP OF Forgejo's built-in light/dark themes via
   templates/custom/header.tmpl. Purely additive + upgrade-safe:
   no upstream template or theme file is modified.
   Primary brand color: #4F46E5 (indigo)  Accent: #06B6D4 (cyan)
   ============================================================ */
:root,
:root[data-theme="forgejo-light"],
:root[data-theme="forgejo-dark"],
:root[data-theme="forgejo-auto"],
:root[data-theme="gitea-light"],
:root[data-theme="gitea-dark"] {
  --color-primary:          #4F46E5;
  --color-primary-contrast:  #ffffff;
  --color-primary-dark-1:   #4038d6;
  --color-primary-dark-2:   #372fc4;
  --color-primary-dark-3:   #2f28ad;
  --color-primary-dark-4:   #282296;
  --color-primary-dark-5:   #201b7a;
  --color-primary-dark-6:   #191560;
  --color-primary-dark-7:   #120f47;
  --color-primary-light-1:  #635cea;
  --color-primary-light-2:  #7873ee;
  --color-primary-light-3:  #8f8bf1;
  --color-primary-light-4:  #a7a3f4;
  --color-primary-light-5:  #c1bef8;
  --color-primary-light-6:  #dad8fb;
  --color-primary-light-7:  #eeedfe;
  --color-primary-alpha-20: rgba(79, 70, 229, 0.20);
  --color-primary-alpha-30: rgba(79, 70, 229, 0.30);
  --color-primary-alpha-40: rgba(79, 70, 229, 0.40);
  --color-primary-alpha-50: rgba(79, 70, 229, 0.50);
  --color-primary-alpha-60: rgba(79, 70, 229, 0.60);
  --color-primary-alpha-70: rgba(79, 70, 229, 0.70);
  --color-primary-alpha-80: rgba(79, 70, 229, 0.80);
  --color-primary-alpha-90: rgba(79, 70, 229, 0.90);
  --color-primary-hover:    #4038d6;
  --color-primary-active:   #372fc4;
}

/* Give the app-name in the navbar a touch of brand weight */
.full.height .navbar .brand strong,
#navbar .brand strong { font-weight: 700; letter-spacing: 0.2px; }

/* Belt-and-suspenders removal of any residual Forgejo footer link/attribution.
   (app.ini [other] SHOW_FOOTER_POWERED_BY=false + SHOW_FOOTER_VERSION=false
   already strip these server-side; this covers any themed remnant.) */
footer a[href*="forgejo.org"],
.page-footer a[href*="forgejo.org"],
footer a[href*="forgejo"],
.page-footer a[href*="forgejo"] { display: none !important; }

/* ============================================================
   Tech Innovation Hub — custom landing page (home.tmpl)
   Self-contained styling; adapts to light/dark via opacity +
   inherited text color, brand accents in indigo/cyan.
   ============================================================ */
.tih-home { max-width: 1060px; margin: 0 auto; padding: 1.5rem 1.25rem 3.5rem; }
.tih-hero { text-align: center; padding: 2.5rem 1rem 1rem; }
.tih-hero-logo { width: 88px; height: 88px; border-radius: 20px;
  box-shadow: 0 12px 34px rgba(79, 70, 229, 0.38); }
.tih-hero-title { font-size: 2.7rem; font-weight: 800; letter-spacing: -0.5px;
  margin: 1.1rem 0 0.35rem; line-height: 1.1;
  background: linear-gradient(90deg, #4F46E5, #06B6D4);
  -webkit-background-clip: text; background-clip: text; color: transparent; }
.tih-hero-tagline { font-size: 1.35rem; font-weight: 600; margin: 0.35rem 0 0.85rem;
  color: inherit; opacity: 0.92; }
.tih-hero-sub { max-width: 640px; margin: 0 auto; font-size: 1.03rem;
  line-height: 1.62; opacity: 0.72; }
.tih-hero-cta { margin-top: 1.7rem; display: flex; gap: 0.75rem;
  justify-content: center; flex-wrap: wrap; }
.tih-btn { display: inline-flex; align-items: center; padding: 0.62rem 1.35rem;
  border-radius: 9px; font-weight: 600; font-size: 0.98rem; text-decoration: none;
  transition: transform 0.06s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.tih-btn:hover { transform: translateY(-1px); }
.tih-btn-primary { background: linear-gradient(90deg, #4F46E5, #4338CA);
  color: #fff !important; box-shadow: 0 6px 18px rgba(79, 70, 229, 0.42); }
.tih-btn-ghost { border: 1px solid rgba(127, 127, 127, 0.35); color: inherit !important; }
.tih-btn-ghost:hover { border-color: #4F46E5; }
.tih-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
  gap: 1rem; margin-top: 2.75rem; }
.tih-card { padding: 1.65rem 1.4rem; border: 1px solid rgba(127, 127, 127, 0.16);
  border-radius: 14px; background: rgba(127, 127, 127, 0.05);
  transition: border-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease; }
.tih-card:hover { border-color: rgba(79, 70, 229, 0.5); transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(79, 70, 229, 0.12); }
.tih-card-icon { color: #4F46E5; margin-bottom: 0.55rem; line-height: 0; }
.tih-card h3 { font-size: 1.13rem; font-weight: 700; margin: 0.2rem 0 0.5rem; color: inherit; }
.tih-card p { font-size: 0.95rem; line-height: 1.55; opacity: 0.72; margin: 0; }
.tih-foot-note { text-align: center; margin-top: 2.75rem; font-size: 0.9rem; opacity: 0.5; }
@media (max-width: 520px) { .tih-hero-title { font-size: 2.05rem; } }