/* ══════════════════════════════════════════════════════════════════
   LINKFUEL REPOS — tema Gitea con el lenguaje gráfico de linkfuel.dev
   Papel crema · tinta · naranja Fuel · cinética Cruz-Diez
   ══════════════════════════════════════════════════════════════════ */
@import url("theme-gitea-light.css");

:root {
  /* ── paleta LinkFuel ── */
  --lf-papel: #f6f5f1;
  --lf-papel-2: #efede7;
  --lf-tinta: #101010;
  --lf-fuel: #f26b1d;          /* naranja Fuel */
  --lf-fuel-hover: #d95a10;
  --lf-azul: #1f5eff;
  --lf-rojo: #e63329;
  --lf-verde: #0d9e4f;

  /* ── overrides de gitea ── */
  --color-primary: var(--lf-fuel);
  --color-primary-dark-1: var(--lf-fuel-hover);
  --color-primary-dark-2: #c04e0c;
  --color-primary-light-1: #ff8a3d;
  --color-primary-contrast: #ffffff;
  --color-body: var(--lf-papel);
  --color-box-body: #fffefb;
  --color-box-header: var(--lf-papel-2);
  --color-navbar: var(--lf-papel);
  --color-navbar-transparent: var(--lf-papel);
  --color-text: var(--lf-tinta);
  --color-text-dark: #000;
  --color-text-light: #3c3a36;
  --color-text-light-2: #6b6862;
  --color-secondary: #dcd9d1;
  --color-secondary-dark-1: #cfccc3;
  --color-hover: rgba(16,16,16,.04);
  --color-active: rgba(16,16,16,.07);
  --color-card: #fffefb;
  --color-markup-code-block: #f1efe9;
  --color-code-bg: #fffefb;
  --color-secondary-bg: var(--lf-papel-2);
  --color-button: #fffefb;
  --color-input-background: #fffefb;
  --color-input-border: #d8d5cc;
  --color-light-border: #e5e2da;
  --color-console-bg: #131313;
  --color-console-fg: #f6f5f1;
  --border-radius: 3px;   /* geometría dura, menos "burbuja" */
}

/* ── la firma: banda cinética Cruz-Diez arriba de todo ── */
#navbar { position: relative; border-bottom: 2px solid var(--lf-tinta); }
#navbar::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: repeating-linear-gradient(90deg,
    var(--lf-rojo) 0 14px, var(--lf-fuel) 14px 28px,
    var(--lf-azul) 28px 42px, var(--lf-verde) 42px 56px,
    var(--lf-tinta) 56px 70px);
}

/* logo → wordmark LinkFuel */
#navbar .item[href="/"] img, #navbar img.ui.mini.image { display: none; }
#navbar .item[href="/"]::after {
  content: "Link"; font-weight: 800; font-size: 19px; letter-spacing: -.5px; color: var(--lf-tinta);
}
#navbar .item[href="/"]::before {
  content: "Fuel"; order: 2; font-weight: 800; font-size: 19px; letter-spacing: -.5px; color: var(--lf-fuel);
}
#navbar .item[href="/"] { flex-direction: row-reverse; gap: 0; }

/* titulares con peso editorial */
.repository .header .flex-item-title, h1, h2, .ui.header { letter-spacing: -.3px; }

/* botón primario duro (sin degradados suaves) */
.ui.primary.button, .ui.green.button {
  background: var(--lf-fuel); color: #fff; border: 2px solid var(--lf-tinta);
  border-radius: 3px; box-shadow: 2px 2px 0 var(--lf-tinta); font-weight: 700;
}
.ui.primary.button:hover, .ui.green.button:hover { background: var(--lf-fuel-hover); box-shadow: 1px 1px 0 var(--lf-tinta); transform: translate(1px,1px); }

/* tarjetas de repo con borde tinta fino */
.ui.segment, .ui.attached.segment, .flex-list > .flex-item { border-color: #e5e2da; }
.repo-title .repo-icon svg { color: var(--lf-fuel); }

/* etiquetas privada/pública con estética de sello */
.ui.basic.label { border: 1.5px solid var(--lf-tinta); color: var(--lf-tinta); border-radius: 2px; }

/* footer discreto */
footer { background: var(--lf-papel); border-top: 1px solid #e5e2da; }