/* ============================================================
   Fiteco — Gitea 1.27.1 theme
   Install: /gitea/custom/public/assets/css/theme-fiteco.css
   Enable:  [ui] DEFAULT_THEME = fiteco
            [ui] THEMES = fiteco,gitea-light,gitea-dark,gitea-auto
   ============================================================ */

@import url("./theme-gitea-light.css");

gitea-theme-meta-info {
  --theme-display-name: "Fiteco";
}

:root {
  /* ---- Brand ------------------------------------------------ */
  --fiteco-blue:       #0460d2;   /* buttons, links, accents      */
  --fiteco-blue-hover: #009aff;   /* hover — brighter, not darker */

  /* ---- Primary ---------------------------------------------- */
  --color-primary: var(--fiteco-blue);
  --color-primary-contrast: #ffffff;

  /* NOTE: Gitea uses dark-1 for :hover and dark-2 for :active on
     primary buttons. Fiteco's hover is lighter than its base, so
     these two slots intentionally hold brighter values. Don't
     "correct" them to darker shades — the buttons will go dull. */
  --color-primary-dark-1: var(--fiteco-blue-hover);
  --color-primary-dark-2: #0089e6;

  /* Genuinely darker steps — used for text on light backgrounds,
     where contrast matters more than the hover effect. */
  --color-primary-dark-3: #03479b;
  --color-primary-dark-4: #033d86;
  --color-primary-dark-5: #023069;
  --color-primary-dark-6: #01234c;
  --color-primary-dark-7: #01152e;

  /* Tints — selected rows, subtle fills, chart series */
  --color-primary-light-1: #1d70d7;
  --color-primary-light-2: #3680db;
  --color-primary-light-3: #5493e0;
  --color-primary-light-4: #78a9e7;
  --color-primary-light-5: #9bbfed;
  --color-primary-light-6: #c3d9f4;
  --color-primary-light-7: #e1ecfa;

  /* Translucent — focus rings, hover overlays, badges */
  --color-primary-alpha-10: #0460d21a;
  --color-primary-alpha-20: #0460d233;
  --color-primary-alpha-30: #0460d24d;
  --color-primary-alpha-40: #0460d266;
  --color-primary-alpha-50: #0460d280;
  --color-primary-alpha-60: #0460d299;
  --color-primary-alpha-70: #0460d2b3;
  --color-primary-alpha-80: #0460d2cc;
  --color-primary-alpha-90: #0460d2e6;

  /* ---- Top bar ---------------------------------------------- */
  /* Default: white bar with a brand hairline, matching fiteco.fi's
     mostly-white look. For a solid blue bar instead, comment this
     block out and uncomment the one below it. */
  --color-nav-bg: #ffffff;
  --color-nav-hover-bg: #f2f6fc;
  --color-nav-text: #14243a;

  /*
  --color-nav-bg: var(--fiteco-blue);
  --color-nav-hover-bg: #0356bd;
  --color-nav-text: #ffffff;
  */
}

/* Brand hairline under the navbar. Delete if you switch to the
   solid blue bar — it'll disappear into the background anyway. */
#navbar,
.ui.secondary.menu.main-nav {
  border-bottom: 2px solid var(--fiteco-blue);
}

/* Links pick up the brighter blue on hover, matching the buttons.
   Gitea doesn't route link hover through a variable, so this needs
   a real selector. */
a:hover,
.ui.breadcrumb a:hover,
.repo-title a:hover {
  color: var(--fiteco-blue-hover);
}

/* Keep an oversized logo from stretching the navbar. Adjust or
   delete once you know your logo.svg's aspect ratio. */
#navbar .logo,
.navbar .brand img {
  height: 28px;
  width: auto;
}