@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto+Slab:wght@300;400;500;600;700&family=Special+Elite&family=JetBrains+Mono:wght@400;500;600;700&family=Black+Ops+One&display=swap');
/* ---------------------------------------------------------------------------
 * public/shared/forum.css  -  GI JOE: ARMY
 *
 * "Dossier" reskin for the Discourse CONTENT area (topic lists, sidebar,
 * welcome banner, posts, buttons). Loaded via the Discourse theme head_tag
 * (<link ...forum.css?v=N>) AFTER the theme CSS, and ALSO loaded onto the
 * shared identity master's cold-login page when a visitor signs in from
 * gijoe.army (see the "Hero80 Network SSO Chip" master component / the
 * forum-sso-login-branding skill).
 *
 * Overrides BOTH the theme's --tc-* vars AND Discourse's --secondary/--primary
 * /--tertiary color-scheme vars at :root:root so it wins over the compiled
 * theme CSS. Edit here, push, bump the ?v= token in the master + tenant
 * head_tag to flush the immutable CDN cache.
 * ------------------------------------------------------------------------- */

/* -- theme accent + ink vars -> Dossier (recolors everything the theme
 *    paints via var(--tc-*): links, headers, welcome banner, buttons) -- */
:root:root{
  --tc-ink:        #1c2025;   /* steel ground */
  --tc-ink-2:      #262c33;
  --tc-ink-3:      #343b44;
  --tc-ink-4:      #424a55;
  --tc-bone:       #ece4cc;
  --tc-fg-2:       #a39473;
  --tc-fg-3:       #6b6354;
  --tc-gold:       #d6c598;   /* manila replaces gold accent */
  --tc-gold-hi:    #e9dab2;
  --tc-gold-lo:    #a39473;
  --tc-line-gold:  rgba(214,197,152,0.28);
  --tc-line-gold-hi: rgba(214,197,152,0.55);
  --tc-red:        #c4181d;
  --tc-red-hi:     #e63a3f;
  --tc-steel:      #8a96a8;
  --tc-card-bg:    rgba(10,12,14,0.62);

  --tc-display:  'Oswald','Bebas Neue','Helvetica Condensed',system-ui,sans-serif;
  --tc-wordmark: 'Black Ops One','Oswald',sans-serif;
  --tc-ui:       'Oswald','Inter Tight',system-ui,sans-serif;
  --tc-body:     'Roboto Slab','PT Serif',Georgia,serif;
  --tc-mono:     'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
}

/* -- Discourse color-scheme vars -> Dossier (base bg / text / borders /
 *    the "tertiary" accent that drives active tabs + native links) -- */
:root:root{
  --secondary:            #1c2025;   /* page / panel background -- steel */
  --secondary-rgb:        28,32,37;
  --secondary-very-high:  #424a55;
  --secondary-high:       #343b44;
  --secondary-medium:     #2e343c;
  --secondary-low:        #262c33;
  --secondary-very-low:   #20252b;

  --primary:              #ece4cc;   /* body text -- bone */
  --primary-rgb:          236,228,204;
  --primary-very-low:     #232932;
  --primary-low:          #343b44;
  --primary-low-mid:      #6b6354;
  --primary-medium:       #a39473;
  --primary-high:         #c7bda0;

  --tertiary:             #d6c598;   /* links + active accents -- manila */
  --tertiary-rgb:         214,197,152;
  --tertiary-low:         #2e343c;
  --tertiary-medium:      #a39473;
  --tertiary-high:        #e9dab2;
  --tertiary-hover:       #e9dab2;

  --quaternary:           #3a5fb8;   /* blueprint blue secondary */
  --quaternary-rgb:       58,95,184;
  --highlight:            #d6c598;
  --highlight-low:        rgba(214,197,152,0.12);
  --highlight-medium:     rgba(214,197,152,0.25);
  --highlight-high:       #e9dab2;

  --header_background:    #0a0c0e;   /* redaction black */
  --header_primary:       #ece4cc;
  --love:                 #c4181d;
  --danger:               #c4181d;
  --success:              #4caf7a;
}

/* -- Structural chrome: manila section labels, red CTAs, blueprint rules -- */
.sidebar-section-header-text{ color: var(--tc-steel) !important; font-family: var(--tc-mono) !important; letter-spacing: .18em; text-transform: uppercase; }
.sidebar-section-link.active,
.sidebar-section-link:hover{ color: var(--tc-gold-hi); }

.welcome-banner__title{ font-family: var(--tc-wordmark) !important; color: var(--tc-bone) !important; text-transform: uppercase; }
.nav-pills > li > a.active{ color: var(--tc-gold); }

.topic-list, .category-list, .latest-topic-list,
.topic-list-item, .category-list-item{ background: transparent; }

/* Primary action = classified red (matches .d1-button on the site) */
.btn-primary{ background: var(--tc-red) !important; border-color: var(--tc-red) !important; color: var(--tc-bone) !important; font-family: var(--tc-ui) !important; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; }
.btn-primary:hover{ background: var(--tc-red-hi) !important; border-color: var(--tc-red-hi) !important; }

/* Body / heading fonts on the content area */
body, .cooked, .topic-body{ font-family: var(--tc-body); }
h1,h2,h3,.title,.topic-title{ font-family: var(--tc-display); text-transform: uppercase; letter-spacing: 0.04em; }