/* OrluHub — thème « BD sombre » (charte OrluCore 3.6)
   Fond marine teinté (jamais noir, jamais blanc), texte crème, traits d'encre,
   ombres dures, accent orange. Base : thème forgejo-dark, on ne surcharge que les variables + quelques détails.
   Installé dans /opt/orluhub/data/gitea/public/assets/css/ */
@import "./theme-forgejo-dark.css";

gitea-theme-meta-info {
  --theme-display-name: "OrluHub BD";
  --theme-color-scheme: dark;
}

:root {
  --orlu-encre: #0a0c12;
  --orlu-fond: #161b2b;
  --orlu-fenetre: #1d2438;
  --orlu-case: #29314f;
  --orlu-rail: #10141f;
  --orlu-creme: #f5eddb;
  --orlu-creme-2: #b9b3a5;
  --orlu-accent: #ffb85c;

  --fonts-override: "Roboto", "Segoe UI", system-ui, sans-serif;
  --fonts-monospace: "Roboto Mono", ui-monospace, Consolas, monospace;
  --orlu-titre: "Roboto Condensed", "Arial Narrow", sans-serif;
  --orlu-marqueur: "Permanent Marker", "Comic Sans MS", cursive;

  --color-primary: #ffb85c;
  --color-primary-contrast: #14100a;
  --color-primary-hover: #ffc679;
  --color-primary-active: #ffa83a;
  --color-primary-dark-1: #ffc070;
  --color-primary-dark-2: #ffc984;
  --color-primary-dark-3: #ffd298;
  --color-primary-dark-4: #ffdbad;
  --color-primary-dark-5: #ffe4c1;
  --color-primary-dark-6: #ffedd6;
  --color-primary-dark-7: #fff6ea;
  --color-primary-light-1: #f0a84d;
  --color-primary-light-2: #de983f;
  --color-primary-light-3: #c98732;
  --color-primary-light-4: #b07527;
  --color-primary-light-5: #94621e;
  --color-primary-light-6: #774f17;
  --color-primary-light-7: #5a3c11;
  --color-primary-alpha-10: #ffb85c1a;
  --color-primary-alpha-20: #ffb85c33;
  --color-primary-alpha-30: #ffb85c4d;
  --color-primary-alpha-40: #ffb85c66;
  --color-primary-alpha-50: #ffb85c80;
  --color-primary-alpha-60: #ffb85c99;
  --color-primary-alpha-70: #ffb85cb3;
  --color-primary-alpha-80: #ffb85ccc;
  --color-primary-alpha-90: #ffb85ce6;

  --color-body: var(--orlu-fond);
  --color-box-body: var(--orlu-fenetre);
  --color-box-body-highlight: #232b44;
  --color-box-header: var(--orlu-case);
  --color-header-wrapper: var(--orlu-fenetre);
  --color-nav-bg: var(--orlu-rail);
  --color-secondary-nav-bg: var(--orlu-rail);
  --color-footer: var(--orlu-rail);
  --color-menu: var(--orlu-fenetre);
  --color-input-background: var(--orlu-case);
  --color-button: var(--orlu-case);
  --color-hover: #ffffff10;
  --color-active: #ffb85c22;

  --color-text: var(--orlu-creme);
  --color-text-dark: #fffaf0;
  --color-text-light: #ddd5c4;
  --color-text-light-1: var(--orlu-creme-2);
  --color-text-light-2: #948e82;
  --color-text-light-3: #767166;

  --color-secondary: #39425f;
  --color-secondary-bg: var(--orlu-case);
  --color-light-border: #ffffff1c;
  --color-input-border: var(--orlu-encre);

  --border-radius: 3px;
  --border-radius-medium: 4px;
}

/* Fond : trame de points crème + rayons orange très discrets */
body {
  background-color: var(--orlu-fond);
  background-image:
    radial-gradient(rgba(245, 237, 219, .05) 1px, transparent 1.4px),
    repeating-conic-gradient(from 0deg at 50% -10%, rgba(255, 184, 92, .045) 0 5deg, transparent 5deg 10deg);
  background-size: 9px 9px, 100% 100%;
  background-attachment: fixed;
}

h1, h2, h3, h4, .ui.header, .repo-title, .repo-header .repo-title {
  font-family: var(--orlu-titre);
  letter-spacing: .01em;
}

/* Barre du haut : rail sombre avec trait d'encre */
#navbar {
  border-bottom: 3px solid var(--orlu-encre) !important;
}
#navbar-logo img { filter: drop-shadow(2px 2px 0 var(--orlu-encre)); }
/* Lien « Aide » vers la doc Forgejo : inutile sur OrluHub */
#navbar a.item[href*="forgejo.org/docs"] { display: none !important; }

/* Fenêtres : encre + ombre dure */
.ui.segment, .ui.attached.segment, .ui.top.attached.header,
.ui.card, .ui.cards > .card, .ui.table, #repo-files-table, .repo-file-list,
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless),
.flex-list > .flex-item.ui.segment {
  border-color: var(--orlu-encre) !important;
}
.ui.attached.segment, .ui.segment:not(.basic):not(.attached), .ui.card, .ui.cards > .card,
#repo-files-table, .ui.table:not(.basic) {
  border-width: 3px !important;
}
.ui.top.attached.header { border-width: 3px 3px 0 !important; }
.ui.segment:not(.basic):not(.attached), .ui.card, .ui.cards > .card, #repo-files-table,
.page-content.user.signin .ui.attached.segment:last-of-type {
  box-shadow: 5px 5px 0 var(--orlu-encre) !important;
}

/* Boutons */
.ui.button {
  font-family: var(--orlu-titre);
  font-weight: 700;
  letter-spacing: .03em;
  border: 2px solid var(--orlu-encre) !important;
}
.ui.primary.button, .ui.primary.buttons .button {
  text-transform: uppercase;
  box-shadow: 3px 3px 0 var(--orlu-encre) !important;
  transition: transform .08s ease, box-shadow .08s ease;
}
.ui.primary.button:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--orlu-encre) !important; }
.ui.primary.button:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--orlu-encre) !important; }

/* Champs */
.ui.form input:not([type]), .ui.form input[type="text"], .ui.form input[type="password"],
.ui.form input[type="email"], .ui.form input[type="search"], .ui.form textarea, .ui.input > input {
  border: 2px solid var(--orlu-encre) !important;
}
.ui.form input:focus, .ui.form textarea:focus, .ui.input > input:focus {
  border-color: var(--orlu-accent) !important;
  box-shadow: 3px 3px 0 var(--orlu-encre) !important;
}

/* Onglets actifs : aplat crème + texte sombre */
.ui.secondary.pointing.menu .active.item, .ui.tabular.menu .active.item {
  color: var(--orlu-accent) !important;
  border-color: var(--orlu-accent) !important;
}

/* Étiquettes / pastilles : aplats nets */
.ui.label { border: 2px solid var(--orlu-encre); border-radius: 2px; }
.ui.basic.label { border-width: 2px !important; }

/* Pied de page */
.page-footer { border-top: 3px solid var(--orlu-encre); }

/* ---------- Page de connexion OrluHub ---------- */
.orlu-signin {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 48px;
  align-items: center;
  max-width: 1120px;
  margin: 0 auto !important;
  padding: 48px 24px !important;
}
.orlu-signin > .column { max-width: none !important; margin: 0 !important; width: auto !important; padding: 0 !important; }
.orlu-hero .orlu-hero-logo {
  width: 104px; height: 104px; display: block; margin-bottom: 20px;
  transform: rotate(-6deg); filter: drop-shadow(5px 5px 0 var(--orlu-encre));
}
.orlu-hero .orlu-surtitre {
  font: 500 12px var(--fonts-monospace); color: var(--orlu-accent);
  text-transform: uppercase; letter-spacing: .14em;
}
.orlu-hero h1 {
  font: 700 clamp(38px, 5vw, 60px)/1.02 var(--orlu-titre);
  text-transform: uppercase; margin: 12px 0 16px; color: var(--orlu-creme); text-wrap: balance;
}
.orlu-hero h1 em {
  font-family: var(--orlu-marqueur); font-style: normal; font-weight: 400; text-transform: none;
  color: var(--orlu-accent); display: inline-block; transform: rotate(-3deg);
}
.orlu-hero p { color: var(--orlu-creme-2); line-height: 1.6; max-width: 46ch; margin: 0; font-size: 15px; }
.orlu-chiffres { display: flex; gap: 28px; margin-top: 26px; flex-wrap: wrap; }
.orlu-chiffres div { display: grid; gap: 2px; }
.orlu-chiffres strong { font: 500 24px var(--fonts-monospace); color: var(--orlu-creme); }
.orlu-chiffres span { font-size: 12px; color: var(--orlu-creme-2); }
.orlu-signin .ui.top.attached.header { font-size: 22px; text-transform: uppercase; text-align: left !important; }

@media (max-width: 900px) {
  .orlu-signin { grid-template-columns: 1fr; gap: 28px; padding: 28px 16px !important; }
  .orlu-hero .orlu-hero-logo { width: 72px; height: 72px; }
}
@media (prefers-reduced-motion: reduce) {
  .ui.primary.button { transition: none; }
}