/* ============================================================
   HIOMX Dark — custom Gitea theme
   Brand palette (from hiomx logo):
     Royal Green : #00EC74
     Deep Navy   : #272940
   Based on the built-in gitea-dark theme; only brand variables
   and navy surfaces are overridden, so it stays compatible
   across Gitea versions.
   ============================================================ */
@import "theme-gitea-dark.css";

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

:root {
  /* ---------- Royal Green (primary) ---------- */
  --color-primary: #00ec74;
  --color-primary-contrast: #10121f; /* navy text on green buttons */

  --color-primary-dark-1: #00d468;
  --color-primary-dark-2: #00bd5d;
  --color-primary-dark-3: #00a551;
  --color-primary-dark-4: #008e46;
  --color-primary-dark-5: #00763a;
  --color-primary-dark-6: #005e2e;
  --color-primary-dark-7: #004723;

  --color-primary-light-1: #1aee82;
  --color-primary-light-2: #33f090;
  --color-primary-light-3: #4df29e;
  --color-primary-light-4: #66f4ac;
  --color-primary-light-5: #80f6ba;
  --color-primary-light-6: #99f7c7;
  --color-primary-light-7: #b3f9d5;

  --color-primary-alpha-10: rgba(0, 236, 116, 0.1);
  --color-primary-alpha-20: rgba(0, 236, 116, 0.2);
  --color-primary-alpha-30: rgba(0, 236, 116, 0.3);
  --color-primary-alpha-40: rgba(0, 236, 116, 0.4);
  --color-primary-alpha-50: rgba(0, 236, 116, 0.5);
  --color-primary-alpha-60: rgba(0, 236, 116, 0.6);
  --color-primary-alpha-70: rgba(0, 236, 116, 0.7);
  --color-primary-alpha-80: rgba(0, 236, 116, 0.8);
  --color-primary-alpha-90: rgba(0, 236, 116, 0.9);

  /* ---------- Deep Navy surfaces (from logo navy #272940) ---------- */
  --color-body: #14141f;
  --color-box-header: #20212f;
  --color-box-body: #191a27;
  --color-box-body-highlight: #232435;
  --color-card: #191a27;
  --color-menu: #191a27;
  --color-navbar: #101019;
  --color-navbar-transparent: rgba(16, 16, 25, 0);
  --color-footer: #101019;
  --color-timeline: #2e3044;

  --color-input-background: #101019;
  --color-input-border: #2e3044;
  --color-input-border-hover: #3b3d55;

  --color-secondary: #2e3044;
  --color-label-bg: #2b2d41;
  --color-label-text: #c9cce0;

  /* ---------- Text on navy ---------- */
  --color-text-dark: #f0f1f7;
  --color-text: #d6d8e4;
  --color-text-light: #b4b7c8;
  --color-text-light-1: #9da0b4;
  --color-text-light-2: #868a9e;
  --color-text-light-3: #6f7387;

  --color-link: #1aee82;

  /* success = brand green */
  --color-green: #00ec74;

  --color-shadow: rgba(6, 7, 12, 0.55);
  --color-hover: rgba(0, 236, 116, 0.06);
  --color-active: rgba(0, 236, 116, 0.1);
}

/* ---------- Small brand touches ---------- */
#navbar {
  border-bottom: 1px solid var(--color-primary-alpha-30);
}

::selection {
  background: var(--color-primary-alpha-40);
}