/*
 * Theme: hupath — custom UI for Redmine.
 *
 * A Redmine theme's application.css REPLACES the core stylesheet, so it must import
 * the core first and then override. (Same pattern as the built-in themes.)
 * Workflow: edit this file on the host, then `docker compose restart redmine` (~40s) — Redmine
 * recompiles the theme at boot (config.assets.redmine_detect_update). No image rebuild needed.
 *
 * The starter overrides below (header/top-menu/buttons) exist to visibly confirm the theme.
 */

@import url("/assets/application-045e2042.css");

:root {
  --hupath-brand: #1f6f78;
  --hupath-brand-dark: #124e56;
  --hupath-accent: #e07b39;
}

/* Top black menu bar */
#top-menu {
  background: var(--hupath-brand-dark);
}
#top-menu a,
#top-menu #loggedas {
  color: #eaf3f2;
}

/* Main header */
#header {
  background: var(--hupath-brand);
  background-image: linear-gradient(135deg, var(--hupath-brand) 0%, var(--hupath-brand-dark) 100%);
}
#header h1,
#header a { color: #ffffff; }

/* Left/main menu tabs under the header */
#main-menu li a {
  color: #ffffff;
}
#main-menu li a:hover {
  background: var(--hupath-accent);
}
#main-menu li a.selected,
#main-menu li a.selected:hover {
  background: #ffffff;
  color: var(--hupath-brand-dark);
}

/* Primary action buttons */
input[type="submit"].button-positive,
a.icon.button-positive {
  background: var(--hupath-accent);
  border-color: var(--hupath-accent);
  color: #fff;
}