/* ==========================================================================
   BRAND: Stockmate — varm grafit + rav-guld. Bevidst forskellig fra
   NPinvestors kolde navy + grøn. Loader EFTER design-system.css.
   ========================================================================== */
:root {
	/* Brand / grafit (mørke bånd: header, ticker, footer) */
	--np-navy-900: #17130e;
	--np-navy-800: #1e1912;
	--np-navy-700: #221d17;
	--np-navy-600: #2a241c;

	/* Tekst på lys baggrund (varme neutraler) */
	--np-ink:       #1a1712;
	--np-slate-600: #6f6656;
	--np-slate-400: #8a7f6e;

	/* Flader (varme off-white) */
	--np-bg:      #ffffff;
	--np-bg-soft: #faf8f4;
	--np-bg-alt:  #f1ece2;
	--np-line:    #ece6db;

	/* Kursretning (finans-standard — grøn/rød bevares) */
	--np-up:        #1f9d57;
	--np-up-ink:    #178048;
	--np-up-soft:   #e5f5ec;
	--np-down:      #e04b4b;
	--np-down-ink:  #c93b3b;
	--np-down-soft: #fdecec;
	--np-flat:      #8a7f6e;

	/* Interaktiv brand-accent (= rav-guld) */
	--np-accent:      #e8a12c;
	--np-accent-600:  #c9851a;
	--np-accent-ink:  #221d17;   /* mørk tekst PÅ rav-knap (kontrast) */
	--np-accent-text: #9a6a12;   /* rav-farvet tekst på lys bg */
	--np-accent-soft: #faf0dc;   /* accent-badge/pille baggrund */

	/* Typografi — Sora som display (i stedet for Space Grotesk) */
	--np-font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--np-font-display: "Sora", var(--np-font-sans);
	--np-font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

	/* Radius / skygger (varm tone) / layout */
	--np-radius-sm: 8px;
	--np-radius:    12px;
	--np-radius-lg: 18px;
	--np-shadow-sm: 0 1px 2px rgba(30, 22, 10, .06), 0 1px 3px rgba(30, 22, 10, .09);
	--np-shadow-md: 0 6px 18px rgba(30, 22, 10, .09);
	--np-shadow-lg: 0 18px 40px rgba(30, 22, 10, .16);
	--np-container: 1240px;
	--np-header-h:  74px;
}

/* Wordmark: "Stock" i rav-guld, "mate" lyst (på mørk header). */
.np-logo__word b { color: var(--np-accent); }