@import url("theme-forgejo-dark.css");

/* Southland Servers' public-site palette and typography. Keep Forgejo's
   semantic status and syntax colors for readable repository views. */
:root,:root[data-theme] {
  color-scheme: dark;
  --fonts-regular: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fonts-override: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --color-primary: #d5b98c;
  --color-primary-contrast: #191c17;
  --color-primary-dark-1: #e4cda7;
  --color-primary-dark-2: #e4cda7;
  --color-primary-dark-3: #f0dfc2;
  --color-primary-light-1: #c5a36e;
  --color-primary-light-2: #d5b98c;
  --color-primary-light-3: #e4cda7;
  --color-primary-alpha-10: #d5b98c19;
  --color-primary-alpha-20: #d5b98c33;
  --color-primary-alpha-30: #d5b98c4b;
  --color-primary-alpha-40: #d5b98c66;
  --color-primary-alpha-50: #d5b98c80;
  --color-primary-alpha-60: #d5b98c99;
  --color-primary-alpha-70: #d5b98cb3;
  --color-primary-alpha-80: #d5b98ccc;
  --color-primary-alpha-90: #d5b98ce1;
  --color-body: #141716;
  --color-box-body: #1b201e;
  --color-box-header: #242b26;
  --color-nav-bg: #141716;
  --color-nav-hover-bg: #242b26;
  --color-menu: #1b201e;
  --color-card: #1b201e;
  --color-footer: #141716;
  --color-input-background: #141716;
  --color-input-border: #343c36;
  --color-input-border-hover: #5c675e;
  --color-header-wrapper: #1b201e;
  --color-text: #eeede6;
  --color-text-dark: #eeede6;
  --color-text-light: #a5ada7;
  --color-text-light-1: #a5ada7;
  --color-text-light-2: #a5ada7;
  --color-secondary: #343c36;
  --color-secondary-dark-1: #343c36;
  --color-secondary-dark-2: #4c574d;
  --color-secondary-light-1: #242b26;
  --color-secondary-light-2: #242b26;
  --color-hover: #ffffff08;
  --color-active: #d5b98c1a;
  --color-accent: #d5b98c;
}
body {background:#141716;font-family:var(--fonts-regular);line-height:1.6}
h1,h2,h3,h4,h5,h6,.ui.header,.ui.menu,.ui.button {font-family:var(--fonts-regular)}
#navbar {min-height:68px;padding:0 max(24px,calc((100vw - 1160px)/2));background:#141716;border-bottom:1px solid #343c36;box-shadow:none}
#navbar .item {font-size:14px;font-weight:500;color:#a5ada7}
#navbar .item:hover,#navbar .item.active {color:#eeede6}
#navbar #navbar-logo {gap:9px;color:#eeede6;font-size:16px;font-weight:700;letter-spacing:-.015em;white-space:nowrap}
#navbar-logo img {width:30px;height:30px;border-radius:5px}
#navbar .navbar-right > a[href*="/user/login"] {border:1px solid #343c36;background:#1b201e;border-radius:6px;min-height:38px;margin-block:auto}
.ui.primary.button,.ui.primary.buttons .button {background:#d5b98c;color:#fff;border-color:#d5b98c;box-shadow:none}
.ui.primary.button:hover,.ui.primary.buttons .button:hover {background:#e4cda7;color:#fff}
.ui.button {border-radius:6px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible {outline:2px solid #e4cda7;outline-offset:3px}
.page-footer {background:#141716;border-top:1px solid #343c36;padding:26px max(24px,calc((100vw - 1112px)/2));color:#a5ada7}
.page-footer a {color:#a5ada7}
.sls-footer-brand {display:inline-flex;align-items:center;gap:8px;color:#d6d9cf!important;font-weight:500}
.sls-footer-brand img {border-radius:4px}
.page-content.user.signin,.page-content.user.activate {padding-top:64px;padding-bottom:64px}
.page-content.user .ui.top.attached.header {background:#242b26;font-size:23px;letter-spacing:-.025em;padding:22px}
.page-content.user .ui.attached.segment {padding:24px}
.page-content.user .ui.attached.segment.header.top {font-size:14px;letter-spacing:normal}
.sls-request-intro {color:#a5ada7;margin:0 0 24px;line-height:1.7}
.sls-request-intro strong {display:block;color:#e4cda7;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.sls-request-help {font-size:13px;color:#a5ada7;margin:16px 0 0}
.sls-home {padding:0!important;color:#eeede6}
.sls-home h1,.sls-home h2,.sls-home h3,.sls-home p {font-family:var(--fonts-regular)}
.sls-hero {max-width:1160px;margin:0 auto;padding:104px 24px 88px;display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:48px}
.sls-badge {border-left:3px solid #d5b98c;padding-left:12px;color:#e4cda7;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.sls-home h1 {margin:22px 0 20px!important;color:#eeede6;font-size:clamp(46px,7vw,76px)!important;font-weight:700;letter-spacing:-.055em;line-height:1.02;text-align:left}
.sls-hero-copy > p {max-width:720px;margin:0;color:#a5ada7;font-size:18px;line-height:1.7}
.sls-hero-logo {width:100%;height:auto;border-radius:12px;display:block}
.sls-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.sls-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #343c36;border-radius:6px;background:#1b201e;color:#eeede6;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap}
.sls-btn:hover {background:#242b26;border-color:#5c675e;color:#fff}
.sls-primary {background:#d5b98c;border-color:#d5b98c;color:#fff}
.sls-primary:hover {background:#e4cda7;border-color:#e4cda7;color:#fff}
.sls-home a.sls-btn {color:#eeede6}
.sls-home a.sls-primary,.sls-home a.sls-btn:hover {color:#fff}
.sls-hero-copy > .sls-access-note {font-size:13px;color:#a5ada7;margin-top:18px}
.sls-sections {max-width:1160px;margin:0 auto;padding:34px 24px 88px}
.sls-brief {display:grid;grid-template-columns:minmax(260px,.7fr) 1fr;gap:22px;align-items:center;border-top:1px solid #343c36;padding:34px 0 58px}
.sls-eyebrow {display:block;color:#e4cda7;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-weight:600}
.sls-home .sls-brief h2,.sls-community-copy h3 {font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.15;letter-spacing:-.03em;margin:0;color:#eeede6}
.sls-brief p {margin:0;color:#a5ada7;font-size:15px;line-height:1.8}
.sls-home .sls-section-label {display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#e4cda7;margin:0 0 18px}
.sls-section-label::after {content:"";height:1px;background:#343c36;flex:1;margin-left:6px}
.sls-board {display:grid;gap:10px}
.sls-row {display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid #343c36;border-radius:8px;background:#1b201e}
.sls-row:hover {background:#242b26}
.sls-tool-icon {width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid #343c36;border-radius:7px;background:#242b26;color:#e4cda7}
.sls-row h3 {font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0 0 7px;color:#eeede6}
.sls-row p {font-size:13px;line-height:1.7;margin:0;max-width:560px;color:#a5ada7}
.sls-community {margin-top:58px}
.sls-community-panel {display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:24px;border:1px solid #343c36;border-radius:8px;background:#1b201e}
.sls-community-copy {background:#242b26;border-radius:7px;padding:26px}
.sls-community-copy p {font-size:14px;line-height:1.8;color:#a5ada7;margin:16px 0 24px}
.sls-links {display:grid;gap:10px}
.sls-links a {display:flex;align-items:center;gap:16px;border:1px solid #343c36;border-radius:7px;padding:17px;background:#1b201e;color:#e4cda7}
.sls-links a:hover {background:#242b26;border-color:#5c675e}
.sls-links a span {flex:1}
.sls-links strong {display:block;color:#eeede6;font-size:14px;font-weight:500}
.sls-links small {display:block;color:#a5ada7;font-size:12px;margin-top:3px}
@media(max-width:1100px) {
  #navbar {padding-inline:20px}
  #navbar #navbar-logo {font-size:14px}
  .sls-row {grid-template-columns:52px 1fr}
  .sls-row > .sls-btn {grid-column:2;justify-self:start}
}
@media(max-width:800px) {
  .sls-hero {padding:70px 20px 62px;grid-template-columns:minmax(0,1fr) 180px;gap:24px}
  .sls-home h1 {font-size:46px!important}
  .sls-hero-copy > p {font-size:16px}
  .sls-sections {padding:24px 16px 66px}
  .sls-brief {grid-template-columns:1fr;gap:18px;padding-bottom:40px}
  .sls-community-panel {grid-template-columns:1fr;padding:16px}
  .sls-community {margin-top:40px}
}
@media(max-width:767px) {
  #navbar {min-height:62px;padding:8px 16px}
  #navbar #navbar-logo {font-size:16px}
  #navbar .navbar-right > a[href*="/user/login"] {margin-top:8px}
  .page-content.user.signin,.page-content.user.activate {padding-top:30px}
  .page-footer {gap:18px;padding:24px 20px}
}
@media(max-width:560px) {
  .sls-hero {grid-template-columns:1fr;padding-top:44px;gap:0}
  .sls-hero-logo {grid-row:1;width:90px;margin-bottom:26px}
  .sls-home h1 {font-size:46px!important}
  .sls-actions {display:grid;grid-template-columns:1fr;width:100%;margin-top:24px}
  .sls-row {padding:16px;gap:14px}
  .sls-row h3 {font-size:23px}
  .sls-row > .sls-btn {grid-column:1 / -1;justify-self:stretch}
  .sls-row p {font-size:13px}
  .sls-community-copy {padding:20px}
}
@media(prefers-reduced-motion:reduce) {.sls-home * {animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Repository previews are added without replacing Forgejo's list templates. */
.sls-license-preview {display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;font-size:12px;color:#a5ada7;min-height:22px}
.sls-license-badge {display:inline-flex;align-items:center;max-width:100%;padding:2px 8px;border:1px solid #655439;border-radius:5px;background:#2b2a22;color:#f0dfc2!important;font-size:12px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.sls-license-badge::before {content:"§";margin-right:6px;color:#e4cda7;font-weight:700}
a.sls-license-badge:hover {background:#453b2c;border-color:#d5b98c;color:#fff!important}
.sls-license-muted {color:#a5ada7!important;border-color:#343c36;background:#1b201e}
#dashboard-repo-list li.sls-license-dashboard-row {flex-wrap:wrap;align-items:center}
#dashboard-repo-list .sls-license-preview {flex-basis:100%;margin:5px 0 2px 23px}
#dashboard-repo-list .sls-license-badge {font-size:11px;padding:1px 6px}

/* Shared site typography and restrained controls, refreshed 2026-09-20. */
#navbar { min-height: 76px; }
.ui.button, .sls-btn, #navbar .navbar-right > a[href*="/user/login"] { border-radius: 4px; }
.ui.primary.button, .ui.primary.buttons .button, .sls-primary, .sls-home a.sls-primary { color: #191c17; }
.ui.primary.button:hover, .ui.primary.buttons .button:hover, .sls-home a.sls-primary:hover { color: #191c17; background: #e4cda7; }
.page-content.user .ui.top.attached.header { font: 400 30px/1.2 Georgia, "Times New Roman", serif; }
.sls-home h1, .sls-home h2, .sls-home .sls-brief h2, .sls-community-copy h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.025em; }
.sls-home h1 { font-size: clamp(40px,5vw,62px) !important; line-height: 1.08; }
.sls-hero { padding-top: 56px; padding-bottom: 44px; }
.sls-badge, .sls-eyebrow { border: 0; padding-left: 0; text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 400; }
.sls-home .sls-section-label { font: 400 25px/1.3 Georgia, "Times New Roman", serif; letter-spacing: -.02em; text-transform: none; color: #eeede6; }
.sls-section-label::after { display: none; }
.sls-row { border-width: 1px 0 0; border-radius: 0; background: transparent; padding-block: 24px; }
.sls-row:hover { background: transparent; }
.sls-community-panel { border-radius: 6px; }
.sls-request-intro strong { color: #d5b98c; text-transform: none; letter-spacing: 0; }
::selection { background: #5c533e; color: white; }
