/* Forge branding. Layered over Gitea's built-in theme rather than replacing
   it, so upstream theme updates keep working. Gitea derives many shades from
   --color-primary; set the derived ones too or buttons and links drift apart. */
:root {
  --color-primary:            #5b8def;
  --color-primary-contrast:   #ffffff;
  --color-primary-dark-1:     #4a7ce0;
  --color-primary-dark-2:     #3a6bd0;
  --color-primary-dark-3:     #2f5cb8;
  --color-primary-dark-4:     #264c9c;
  --color-primary-dark-5:     #1e3d7d;
  --color-primary-dark-6:     #172e5e;
  --color-primary-dark-7:     #101f3f;
  --color-primary-light-1:    #6f9bf2;
  --color-primary-light-2:    #85aaf4;
  --color-primary-light-3:    #9bb9f6;
  --color-primary-light-4:    #b1c8f8;
  --color-primary-light-5:    #c7d7fa;
  --color-primary-light-6:    #dde6fc;
  --color-primary-light-7:    #eef2fe;
  --color-primary-alpha-10:   #5b8def1a;
  --color-primary-alpha-20:   #5b8def33;
  --color-primary-alpha-30:   #5b8def4d;
  --color-primary-alpha-40:   #5b8def66;
  --color-primary-alpha-50:   #5b8def80;
  --color-primary-alpha-60:   #5b8def99;
  --color-primary-alpha-70:   #5b8defb3;
  --color-primary-alpha-80:   #5b8defcc;
  --color-primary-alpha-90:   #5b8defe6;
  --color-primary-hover:      #4a7ce0;
  --color-primary-active:     #3a6bd0;

  /* The home page styles its links and hero glyphs with --color-logo
     (.home a { color: var(--color-logo) }), not --color-primary — so the
     brand colour has to be set here too or the landing page stays green. */
  --color-logo:               #5b8def;

  /* --color-git (#f05133) is git's own orange and is left alone deliberately:
     it marks git-protocol affordances, not our brand. */
}

/* ---------------------------------------------------------------- layout */
/* Landing page */
.forge-home{max-width:1040px;margin:0 auto;padding:0 20px 64px}
.forge-hero{text-align:center;padding:56px 0 40px}
.forge-hero img{margin-bottom:18px}
.forge-hero h1{font-size:40px;line-height:1.1;margin:0 0 10px;letter-spacing:-.02em}
.forge-hero-sub{font-size:17px;color:var(--color-text-light-2);max-width:34em;
  margin:0 auto 26px}
.forge-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

.forge-cards{display:grid;gap:16px;grid-template-columns:1fr;margin:8px 0 48px}
/* Two columns, not auto-fit: there are four cards, and auto-fit lands on three
   at this width leaving one orphaned on its own row. */
@media (min-width:720px){.forge-cards{grid-template-columns:1fr 1fr}}
.forge-card{border:1px solid var(--color-secondary);border-radius:10px;
  padding:20px;background:var(--color-box-body)}
.forge-card-ico{color:var(--color-primary);margin-bottom:10px;line-height:1}
.forge-card h2{font-size:15px;margin:0 0 6px}
.forge-card p{font-size:14px;color:var(--color-text-light-2);margin:0}

.forge-start{border-top:1px solid var(--color-secondary);padding-top:32px}
.forge-start h2{font-size:16px;margin:0 0 12px}
.forge-start pre{margin:0 0 12px}
.forge-start-help{font-size:14px;color:var(--color-text-light-2);margin:0}

/* Auth pages */
.forge-auth{max-width:420px;margin:0 auto;padding:48px 20px 64px}
.forge-auth-brand{text-align:center;margin-bottom:24px}
.forge-auth-brand h1{font-size:22px;margin:12px 0 4px}
.forge-auth-brand p{color:var(--color-text-light-2);margin:0;font-size:14px}
.forge-auth-note{display:flex;align-items:center;justify-content:center;gap:6px;
  margin:20px 0 0;font-size:12.5px;color:var(--color-text-light-3);text-align:center}
/* The stock form ships its own card; drop the duplicate outer frame. */
.forge-auth-form .ui.form,.forge-auth-form form{margin:0}

/* Footer */
.forge-foot-sep{color:var(--color-text-light-3);margin:0 2px}

@media (max-width:640px){
  .forge-hero{padding:36px 0 28px}
  .forge-hero h1{font-size:30px}
}

/* Put your own rules below this line. */