/* Managed by Ansible: forgejo/v1. TYPO3.org palette measured 2026-10-14. */
/* Orange #ED6D05, warm #fff3e0, neutral #171717/#2a2a2a/#f0f0f0. */
@font-face {
  font-family: "Share";
  src: url("../fonts/share-v1/Share-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Share";
  src: url("../fonts/share-v1/Share-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Share";
  src: url("../fonts/share-v1/Share-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Share";
  src: url("../fonts/share-v1/Share-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
:root {
  --fonts-proportional: "Share", -apple-system, "Segoe UI", system-ui, "Helvetica Neue", Arial;
  --glatz-brand: #ed6d05;
  --glatz-brand-hover: #ff9a00;
  --glatz-brand-active: #ffa338;
  --glatz-ink: #171717;
  --glatz-body: #ffffff;
  --glatz-surface: #f8f8f8;
  --glatz-surface-raised: #ffffff;
  --glatz-panel: #f0f0f0;
  --glatz-border: #dcdcdc;
  --glatz-border-hover: #a6a6a6;
  --glatz-text: #171717;
  --glatz-muted: #494949;
  --glatz-subtle: #626262;
  --glatz-link: #a44900;
  --glatz-link-hover: #843b00;
  --glatz-warm: #fff3e0;
  --glatz-selected: #ffe0b3;
  --glatz-scheme: light;
  --steel-900: #171717;
  --steel-850: #202020;
  --steel-800: #252525;
  --steel-750: #2a2a2a;
  --steel-700: #333333;
  --steel-650: #3e3e3e;
  --steel-600: #494949;
  --steel-550: #565656;
  --steel-500: #626262;
  --steel-450: #707070;
  --steel-400: #7a7a7a;
  --steel-350: #939393;
  --steel-300: #a6a6a6;
  --steel-250: #b3b3b3;
  --steel-200: #bfbfbf;
  --steel-150: #dcdcdc;
  --steel-100: #f0f0f0;
  --color-primary: var(--glatz-brand);
  --color-primary-contrast: var(--glatz-ink);
  --color-primary-dark-1: #ed6d05;
  --color-primary-dark-2: #de6500;
  --color-primary-dark-3: #cd5d00;
  --color-primary-dark-4: #b35a00;
  --color-primary-dark-5: #a44900;
  --color-primary-dark-6: #843b00;
  --color-primary-dark-7: #682f00;
  --color-primary-light-1: #ff9a00;
  --color-primary-light-2: #ffa338;
  --color-primary-light-3: #ffb84d;
  --color-primary-light-4: #ffca80;
  --color-primary-light-5: #ffe0b3;
  --color-primary-light-6: #fff3e0;
  --color-primary-light-7: #fff8ee;
  --color-primary-alpha-10: #ed6d0519;
  --color-primary-alpha-20: #ed6d0533;
  --color-primary-alpha-30: #ed6d054b;
  --color-primary-alpha-40: #ed6d0566;
  --color-primary-alpha-50: #ed6d0580;
  --color-primary-alpha-60: #ed6d0599;
  --color-primary-alpha-70: #ed6d05b3;
  --color-primary-alpha-80: #ed6d05cc;
  --color-primary-alpha-90: #ed6d05e1;
  --color-primary-hover: var(--glatz-brand-hover);
  --color-primary-active: var(--glatz-brand-active);
  --color-body: var(--glatz-body);
  --color-box-header: var(--glatz-panel);
  --color-box-body: var(--glatz-surface);
  --color-box-body-highlight: var(--glatz-selected);
  --color-text-dark: var(--glatz-text);
  --color-text: var(--glatz-text);
  --color-text-light: var(--glatz-muted);
  --color-text-light-1: var(--glatz-muted);
  --color-text-light-2: var(--glatz-subtle);
  --color-text-light-3: var(--glatz-subtle);
  --color-footer: var(--glatz-panel);
  --color-timeline: var(--glatz-border);
  --color-input-text: var(--glatz-text);
  --color-input-background: var(--glatz-surface-raised);
  --color-input-toggle-background: var(--glatz-surface-raised);
  --color-input-border: var(--glatz-border);
  --color-input-border-hover: var(--glatz-border-hover);
  --color-header-wrapper: var(--glatz-surface-raised);
  --color-menu: var(--glatz-surface-raised);
  --color-card: var(--glatz-surface-raised);
  --color-button: var(--glatz-panel);
  --color-hover: var(--glatz-panel);
  --color-active: var(--glatz-selected);
  --color-light-border: var(--glatz-border);
  --color-secondary: var(--glatz-border);
  --color-secondary-bg: var(--glatz-panel);
  --color-secondary-hover: var(--glatz-border-hover);
  --color-secondary-active: var(--glatz-selected);
  --color-secondary-light-1: var(--glatz-panel);
  --color-secondary-light-2: var(--glatz-surface);
  --color-secondary-light-3: var(--glatz-surface);
  --color-secondary-light-4: var(--glatz-surface-raised);
  --color-secondary-dark-1: var(--glatz-border);
  --color-secondary-dark-2: var(--glatz-border-hover);
  --color-secondary-dark-3: #a6a6a6;
  --color-secondary-dark-4: #7a7a7a;
  --color-nav-bg: var(--glatz-surface-raised);
  --color-nav-hover-bg: var(--glatz-panel);
  --color-secondary-nav-bg: var(--glatz-body);
  --color-label-text: var(--glatz-text);
  --color-label-bg: var(--glatz-panel);
  --color-label-hover-bg: var(--glatz-border);
  --color-label-active-bg: var(--glatz-selected);
  --color-label-bg-alt: var(--glatz-border);
  --color-markup-code-block: var(--glatz-panel);
  --color-markup-code-inline: var(--glatz-panel);
  --color-code-bg: var(--glatz-surface);
  --color-editor-line-highlight: var(--glatz-panel);
  --color-placeholder-text: var(--glatz-subtle);
  --color-accent: var(--glatz-brand);
  --color-small-accent: var(--glatz-selected);
  --color-highlight-bg: var(--glatz-warm);
  --color-highlight-fg: var(--glatz-link);
  --fancy-card-bg: var(--glatz-surface-raised);
  --fancy-card-border: var(--glatz-border);
  accent-color: var(--glatz-brand);
  color-scheme: var(--glatz-scheme);
}
:root[data-theme="forgejo-dark"], :root[data-theme="arc-green"] {
  --glatz-body: #171717;
  --glatz-surface: #202020;
  --glatz-surface-raised: #252525;
  --glatz-panel: #2a2a2a;
  --glatz-border: #494949;
  --glatz-border-hover: #7a7a7a;
  --glatz-text: #f8f8f8;
  --glatz-muted: #dcdcdc;
  --glatz-subtle: #bfbfbf;
  --glatz-link: #ff9a00;
  --glatz-link-hover: #ffb84d;
  --glatz-warm: #352619;
  --glatz-selected: #4a321d;
  --glatz-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root[data-theme="forgejo-auto"], :root[data-theme="auto"] {
    --glatz-body: #171717;
    --glatz-surface: #202020;
    --glatz-surface-raised: #252525;
    --glatz-panel: #2a2a2a;
    --glatz-border: #494949;
    --glatz-border-hover: #7a7a7a;
    --glatz-text: #f8f8f8;
    --glatz-muted: #dcdcdc;
    --glatz-subtle: #bfbfbf;
    --glatz-link: #ff9a00;
    --glatz-link-hover: #ffb84d;
    --glatz-warm: #352619;
    --glatz-selected: #4a321d;
    --glatz-scheme: dark;
  }
}
a { color: var(--glatz-link); }
a:hover { color: var(--glatz-link-hover); }
.text.primary { color: var(--glatz-link) !important; }
.ui.primary.button, .ui.green.button, .ui.button.oauth-login-link,
.ui.primary.buttons > .button, .ui.green.buttons > .button {
  color: var(--glatz-ink);
  background-color: var(--glatz-brand);
  border-color: var(--glatz-brand);
}
.ui.primary.button:hover, .ui.green.button:hover, .ui.button.oauth-login-link:hover,
.ui.primary.button:focus-visible, .ui.green.button:focus-visible, .ui.button.oauth-login-link:focus-visible {
  color: var(--glatz-ink);
  background-color: var(--glatz-brand-hover);
}
.ui.primary.button:active, .ui.green.button:active, .ui.button.oauth-login-link:active {
  color: var(--glatz-ink);
  background-color: var(--glatz-brand-active);
}
.ui.basic.primary.button {
  color: var(--glatz-link);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--glatz-brand);
}
.ui.basic.primary.button:hover { color: var(--glatz-link); background: var(--glatz-warm); }
:focus-visible { outline: 2px solid var(--glatz-brand); outline-offset: 3px; }
.glatz-home { width: min(1120px, 100%); margin-inline: auto; padding: 56px 32px 72px; }
.glatz-hero { text-align: center; max-width: 850px; margin-inline: auto; }
.glatz-home-logo { width: 88px; height: 88px; margin-bottom: 24px; }
.glatz-hero h1 { color: var(--glatz-text); font-size: clamp(2.6rem, 6vw, 5rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.1; margin: 0 0 24px; }
.glatz-tagline { max-width: 720px; margin: 0 auto 20px; color: var(--glatz-text); font-size: clamp(1.35rem, 2.5vw, 1.9rem); font-weight: 600; line-height: 1.4; }
.glatz-intro { color: var(--glatz-muted); font-size: 1.15rem; line-height: 1.65; margin: 0 0 30px; }
.glatz-home-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.glatz-home-actions .ui.button { margin: 0; padding: 14px 20px; min-height: 46px; border-radius: 4px; }
.glatz-home-actions .svg { margin-left: 8px; vertical-align: middle; }
.glatz-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 64px; }
.glatz-features article { padding: 28px; border: 1px solid var(--glatz-border); border-top: 3px solid var(--glatz-brand); border-radius: 4px; background: var(--glatz-surface); }
.glatz-features article > .svg { color: var(--glatz-brand); margin-bottom: 18px; }
.glatz-features h2 { margin: 0 0 12px; font-size: 1.3rem; line-height: 1.35; color: var(--glatz-text); }
.glatz-features p { margin: 0; font-size: 1rem; line-height: 1.7; color: var(--glatz-muted); }
@media (max-width: 699px) {
  .glatz-home { padding: 36px 20px 48px; }
  .glatz-home-logo { width: 64px; height: 64px; margin-bottom: 22px; }
  .glatz-hero h1 { font-size: clamp(2.3rem, 10vw, 3.5rem); margin-bottom: 20px; }
  .glatz-tagline { font-size: 1.35rem; }
  .glatz-home-actions { flex-direction: column; align-items: stretch; }
  .glatz-features { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .glatz-features article { padding: 24px; }
}