/* Perfect Machines theme — dark forged steel with circuit accent.
   Loaded after the built-in theme via templates/custom/header.tmpl;
   redefining the CSS variables re-skins the whole UI. */
:root {
  color-scheme: dark;
  --color-primary: #35b6d9;
  --color-primary-hover: #57c9e8;
  --color-primary-active: #1f96bb;
  --color-primary-dark-1: #57c9e8;
  --color-primary-dark-2: #7ad4ee;
  --color-primary-light-1: #1f96bb;
  --color-primary-light-2: #17708c;
  --color-primary-light-3: #0f4c61;
  --color-primary-light-4: #0a3547;
  --color-primary-alpha-10: rgba(53, 182, 217, 0.1);
  --color-primary-alpha-20: rgba(53, 182, 217, 0.2);
  --color-primary-alpha-30: rgba(53, 182, 217, 0.3);
  --color-primary-alpha-40: rgba(53, 182, 217, 0.4);
  --color-primary-alpha-50: rgba(53, 182, 217, 0.5);
  --color-body: #0b0d10;
  --color-box-body: #12151a;
  --color-box-header: #171b21;
  --color-footer: #0b0d10;
  --color-header-wrapper: #0d1013;
  --color-navbar: #101318;
  --color-text: #d7dce2;
  --color-text-light: #aeb7c2;
  --color-text-light-2: #8b95a3;
  --color-text-light-3: #67707d;
  --color-border: #262c35;
  --color-separator: #262c35;
  --color-input-background: #0e1116;
  --color-input-border: #2c333e;
  --color-input-border-hover: #3a434f;
  --color-menu: #12151a;
  --color-card: #12151a;
  --color-markup-table-row: #12151a;
  --color-markup-code-block: #0e1116;
  --color-button: #171b21;
  --color-code-bg: #0e1116;
  --color-shadow: rgba(0, 0, 0, 0.55);
  --color-secondary: #1a1f26;
  --color-secondary-dark-1: #232a33;
  --color-secondary-dark-2: #2c333e;
  --color-secondary-dark-3: #39424e;
  --color-secondary-light-1: #141920;
  --color-secondary-light-2: #10141a;
  --color-secondary-alpha-60: rgba(26, 31, 38, 0.6);
  --color-console-bg: #0e1116;
  --color-console-border: #262c35;
  --color-console-hover-bg: #171b21;
  --color-console-active-bg: #1d232b;
  --color-header-bar: #0d1013;
  --color-accent: #35b6d9;
}

body {
  background: linear-gradient(180deg, #0d1013 0, #0b0d10 240px) fixed;
}

/* steel rule under the navbar */
#navbar, .ui.top.menu {
  background: #101318 !important;
  border-bottom: 2px solid #35b6d9;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6), 0 0 18px rgba(53, 182, 217, 0.15);
}
#navbar .item, #navbar a.item, #navbar .right.menu .item {
  color: #d7dce2 !important;
}
#navbar .item:hover, #navbar a.item:hover {
  color: #57c9e8 !important;
  background: #171b21 !important;
}
.following.bar, .ui.fixed.menu {
  background: #101318 !important;
}
.ui.menu .item { color: #d7dce2; }
.ui.secondary.menu .item { color: #aeb7c2; }
.ui.secondary.menu .active.item { color: #35b6d9; }

/* brushed-steel headings */
h1, h2, .ui.header {
  letter-spacing: 0.01em;
}

/* hero: let the mark breathe, never clipped */
.page-content.home img[src*="logo"],
.page-content.home svg {
  max-width: min(300px, 70vw);
  height: auto;
}

a { color: var(--color-primary); }
a:hover { color: var(--color-primary-hover); }

.ui.primary.button, .ui.primary.buttons .button {
  background: linear-gradient(180deg, #2aa5c9, #1f8fb4);
  color: #06131a;
  font-weight: 700;
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover {
  background: linear-gradient(180deg, #45bde0, #27a2cc);
}

::selection { background: rgba(53, 182, 217, 0.35); }

/* no Help link in the navbar — this instance is just for us */
#navbar a.item[href*="forgejo.org"] {
  display: none !important;
}

/* landing: center the mark + name block on the whole page */
.page-content.home {
  min-height: calc(100vh - 140px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* stacked name in brushed steel */
.pm-title {
  font-family: "Michroma", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(2.4rem, 6vw, 4.4rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #f4f6f9 0%, #aeb6c0 48%, #e9edf2 52%, #767f8a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.65));
}