/* i2A brand theme — navy + orange identity over the editorial base.
   Load AFTER styles.css so these win. */
:root {
  /* ink → deep brand navy, darkened for cream background readability */
  --ink:        #0F1C38;
  --ink-2:      #2A3650;
  --ink-3:      #4A5570;
  --rule:       #D0D4DF;
  --rule-2:     #E4E6EE;

  /* warm paper */
  --paper:      #FBF8F2;
  --paper-2:    #F2EFE7;

  /* accent → i2A orange */
  --accent:     #C85510;
  --accent-soft:#FBE4D2;

  --logo-navy:  #17274C;
  --navy-soft:  #C2CBE8;  /* soft navy tint — Conversations card bg */

  /* harmonized source tints */
  --linkedin:      #1A4A9E;
  --linkedin-soft: #ECF1FB;
  --x-ink:         #0F1C38;
  --x-soft:        #F4F4F2;

  /* Space Grotesk drives UI + labels; Newsreader stays for reading */
  --serif: "Newsreader", "Source Serif 4", Georgia, serif;
  --sans:  "Space Grotesk", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --mono:  "Space Grotesk", ui-monospace, "SF Mono", Menlo, monospace;
}

.eyebrow { font-weight: 500; }
.rule-thick { border-top-color: var(--ink); }
.i2a-sitename { font-family: var(--sans); font-weight: 600; letter-spacing: -0.02em; }
::selection { background: var(--accent-soft); color: var(--ink); }

/* Search filter labels — darker + bolder than eyebrows */
.filter-label {
  font-family: var(--sans);
  font-size: 11.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 8px;
}