/* BeeDevs Git — identidade BeeDevs sobre o tema forgejo-auto (03/11/2026).
   Mesma paleta do DevHub (portal-projetos/web/src/index.css): verde #3CB043, neutros com leve viés verde, sem gradiente.
   Fontes: Open Sans (texto) + Raleway (títulos) + JetBrains Mono (código). Apagar este arquivo volta ao padrão. */

/* ---------- CLARO ---------- */
:root:root {
  --fonts-override: "Open Sans";
  --fonts-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --border-radius: 8px;
  --border-radius-medium: 10px;

  --zinc-50:#fafbfa; --zinc-100:#f5f6f5; --zinc-150:#eef0ee; --zinc-200:#e3e6e3; --zinc-250:#dadedb; --zinc-300:#cfd4d0;
  --zinc-350:#b7bdb8; --zinc-400:#9ea59f; --zinc-450:#868d88; --zinc-500:#6f7671; --zinc-550:#5f6661; --zinc-600:#4f5651;
  --zinc-650:#464c48; --zinc-700:#3d433f; --zinc-750:#313532; --zinc-800:#262927; --zinc-850:#1d201e; --zinc-900:#111412;

  --color-primary:#2d8a34; --color-primary-contrast:#ffffff;
  --color-primary-dark-1:#2d8a34; --color-primary-dark-2:#256f2b; --color-primary-dark-3:#256f2b; --color-primary-dark-4:#1f5825;
  --color-primary-light-1:#3cb043; --color-primary-light-2:#5ac061; --color-primary-light-3:#82cf88; --color-primary-light-4:#b0e2b4;
  --color-primary-light-5:#d7f1d9; --color-primary-light-6:#eef9ef; --color-primary-light-7:#f6fcf6;
  --color-primary-alpha-10:#2d8a3419; --color-primary-alpha-20:#2d8a3433; --color-primary-alpha-30:#2d8a344b; --color-primary-alpha-40:#2d8a3466;
  --color-primary-alpha-50:#2d8a3480; --color-primary-alpha-60:#2d8a3499; --color-primary-alpha-70:#2d8a34b3; --color-primary-alpha-80:#2d8a34cc;
  --color-primary-alpha-90:#2d8a34e1;
  --color-primary-hover:#256f2b; --color-primary-active:#1f5825;
}
@media (prefers-color-scheme: light) {
  :root:root { --color-body:#ffffff; --color-nav-bg:#ffffff; --color-footer:#f5f6f5; --color-box-header:#f5f6f5; }
}

/* ---------- ESCURO (segue o sistema) ---------- */
@media (prefers-color-scheme: dark) {
  :root:root {
    --steel-900:#0a0b0a; --steel-850:#0d0f0e; --steel-800:#111312; --steel-750:#151816; --steel-700:#1a1d1b; --steel-650:#202421;
    --steel-600:#2a2e2b; --steel-550:#353a37; --steel-500:#434945; --steel-450:#525953; --steel-400:#626a64; --steel-350:#737b75;
    --steel-300:#858d87; --steel-250:#989f9a; --steel-200:#b3b8b4; --steel-150:#cdd1ce; --steel-100:#f2f4f2;

    --color-primary:#3cb043; --color-primary-contrast:#0a0b0a;
    --color-primary-dark-1:#5ac061; --color-primary-dark-2:#5ac061; --color-primary-dark-3:#82cf88; --color-primary-dark-4:#82cf88;
    --color-primary-light-1:#3cb043; --color-primary-light-2:#2d8a34; --color-primary-light-3:#256f2b; --color-primary-light-4:#1f5825;
    --color-primary-light-5:#1f5825; --color-primary-light-6:#1a4820; --color-primary-light-7:#0b2810;
    --color-primary-alpha-10:#3cb04319; --color-primary-alpha-20:#3cb04333; --color-primary-alpha-30:#3cb0434b; --color-primary-alpha-40:#3cb04366;
    --color-primary-alpha-50:#3cb04380; --color-primary-alpha-60:#3cb04399; --color-primary-alpha-70:#3cb043b3; --color-primary-alpha-80:#3cb043cc;
    --color-primary-alpha-90:#3cb043e1;
    --color-primary-hover:#5ac061; --color-primary-active:#82cf88;

    --color-secondary-alpha-10:#20242119; --color-secondary-alpha-20:#20242133; --color-secondary-alpha-30:#2024214b; --color-secondary-alpha-40:#20242166;
    --color-secondary-alpha-50:#20242180; --color-secondary-alpha-60:#20242199; --color-secondary-alpha-70:#202421b3; --color-secondary-alpha-80:#202421cc;
    --color-secondary-alpha-90:#202421e1;
    --color-console-bg:#0d0f0e; --color-header-wrapper-transparent:#1a1d1b00;
  }
}

/* ---------- Tipografia e acabamento (igual ao DevHub) ---------- */
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .ui.header, .repo-title, .flex-item-title {
  font-family: Raleway, "Open Sans", system-ui, sans-serif; letter-spacing: -0.01em;
}
h1, h2 { text-wrap: balance; }
table, .tabular, .commit-list, .repo-header .ui.labeled.button { font-variant-numeric: tabular-nums; }
::selection { background: var(--color-primary-alpha-30); }
#navbar { border-bottom: 1px solid var(--color-secondary); }
#navbar .navbar-left > a.item:first-child img { border-radius: 50%; }
.ui.button, .ui.input input, .ui.form input, .ui.form textarea, .ui.dropdown { transition: background-color .15s, border-color .15s, box-shadow .15s; }
.ui.form input:focus, .ui.input input:focus, .ui.form textarea:focus {
  border-color: var(--color-primary) !important; box-shadow: 0 0 0 3px var(--color-primary-alpha-20) !important;
}
.flex-list > .flex-item { padding-block: 14px; }

/* ---------- Tela de entrar: marca BeeDevs Git ---------- */
.page-content.user.signin .column { gap: 20px; }
.page-content.user.signin .column::before {
  content: "BeeDevs Git"; display: block; text-align: center; margin: 8px auto -12px; padding-top: 86px;
  background: url("/assets/img/logo.png") top center / 72px 72px no-repeat;
  font: 700 28px/1.15 Raleway, "Open Sans", system-ui, sans-serif; letter-spacing: -0.02em; color: var(--color-text);
}
.page-content.user.signin .column > .ui.container:first-of-type::before {
  content: "Repositórios privados da BeeDevs"; display: block; text-align: center; margin: 0 0 18px;
  font-size: 13px; color: var(--color-text-light-2);
}
.page-content.user.signin .ui.attached.segment, .page-content.user.signin .ui.top.attached.header { max-width: 440px; margin-inline: auto; }
.page-content.user.signin .ui.top.attached.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.page-content.user.signin .ui.attached.segment:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.page-content.user.signin .column > .ui.container, .page-content.user.signin .column > .ui.attached.segment { max-width: 440px; width: 100%; margin-inline: auto; }
.page-content.user.signin .column > .ui.attached.segment.header { border-radius: 12px; }

/* ---------- Painel inicial (atividade + repositórios) ---------- */
.page-content.dashboard .flex-container { gap: 24px; }
#activity-feed { display: flex; flex-direction: column; gap: 10px; }
#activity-feed > .flex-item {
  background: var(--color-box-body); border: 1px solid var(--color-secondary); border-radius: 12px;
  padding: 14px 16px; transition: border-color .15s;
}
#activity-feed > .flex-item:hover { border-color: var(--color-secondary-dark-2); }
#activity-feed > .flex-item + .flex-item { border-top: 1px solid var(--color-secondary); }
#activity-feed .flex-item-trailing svg { width: 18px; height: 18px; opacity: .45; }
#activity-feed .flex-item-main .commit-sha, #activity-feed code { font-family: var(--fonts-monospace); }
.flex-list .flex-item-leading svg, #dashboard-repo-list svg { opacity: .7; }
#dashboard-repo-list .ui.attached.segment, #dashboard-repo-list > .ui.segment { border-radius: 12px; }
#dashboard-repo-list li a, #dashboard-repo-list .repo-list-link { padding-block: 9px; }
#dashboard-repo-list li:hover, #dashboard-repo-list .item:hover { background: var(--color-hover); }