/* ===========================================================================
   theme-itg-dark.css — "Eric The IT Guy" brand theme for Forgejo (dark).

   Matches the itguyeric.com Hugo site: brand cyan #00bfff on a cool near-black
   slate, light slate text. This is the site's default mode.

   Strategy: import Forgejo's own dark theme, then override ONLY the
   branding-relevant CSS variables. Everything else (borders, hovers, status
   colors, code, etc.) falls back to Forgejo's defaults — which are already a
   cool slate that harmonizes with this palette.

   Variable names verified against current Forgejo source:
   web_src/css/themes/theme-forgejo-dark.css and web_src/css/base.css.
   Note: Forgejo has no --color-link; links use --color-primary. The top bar is
   --color-header-wrapper (not --color-header-bar).
   Drop into: custom/public/assets/css/
   =========================================================================== */

@import "theme-forgejo-dark.css";

:root {
  /* --- Brand accent: #00bfff and its ramp ---
     In Forgejo's DARK theme, -dark-N are LIGHTER tints and -light-N are DARKER
     shades. Links, primary buttons, and accents all derive from these. */
  --color-primary: #00bfff;
  --color-primary-contrast: #002a38;   /* near-black text on the bright button */
  --color-primary-dark-1: #4cd2ff;     /* lighter tints */
  --color-primary-dark-2: #8ae2ff;
  --color-primary-dark-3: #b8edff;
  --color-primary-dark-4: #e0f7ff;
  --color-primary-light-1: #009dd1;    /* darker shades */
  --color-primary-light-2: #007ea8;
  --color-primary-light-3: #006080;
  --color-primary-light-4: #004157;
  --color-primary-light-5: #002a38;
  --color-primary-light-6: #001d28;
  --color-primary-light-7: #00131b;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
  --color-primary-alpha-10: #00bfff19;
  --color-primary-alpha-20: #00bfff33;
  --color-primary-alpha-30: #00bfff4b;
  --color-primary-alpha-40: #00bfff66;
  --color-primary-alpha-50: #00bfff80;
  --color-primary-alpha-60: #00bfff99;
  --color-primary-alpha-70: #00bfffb3;
  --color-primary-alpha-80: #00bfffcc;
  --color-primary-alpha-90: #00bfffe1;

  /* --- Page & panel backgrounds (site neutral scale) --- */
  --color-body: #12141a;               /* page background (neutral-800) */
  --color-box-body: #171a21;           /* cards / panels */
  --color-box-header: #1d2129;         /* panel headers */
  --color-box-body-highlight: #22262f;
  --color-nav-bg: #0b0c10;             /* top navigation bar */
  --color-header-wrapper: #0b0c10;     /* header wrapper (the real top-bar var) */
  --color-footer: #06070a;             /* footer (neutral-950) */

  /* --- Text --- */
  --color-text: #ecf0f6;               /* primary text (neutral) */
  --color-text-light: #cbd5e1;
  --color-text-light-1: #b6c2d1;
  --color-text-light-2: #94a3b8;
  --color-text-light-3: #64748b;
  --color-text-dark: #ffffff;

  /* --- Typography: site font stack (system fonts, web-safe) --- */
  --fonts-proportional: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}