/* RAVEN fortress-palette overlay for Cinny v4.11.1
   Loaded after Cinny's bundled CSS via index.html <link> injection.
   Goal: light fortress feel, NOT a redesign. Slack feel comes from Cinny's
   native sidebar/threads model — we just paint it. */

:root, .light-theme, .dark-theme {
  --rv-fortress-deep:   #1e3a5f;
  --rv-fortress-mid:    #2a4a7c;
  --rv-fortress-bright: #3b6db3;
  --rv-stone-dark:      #374151;
  --rv-stone-mid:       #6b7280;
  --rv-stone-light:     #9ca3af;
  --rv-stone-pale:      #e5e7eb;
  --rv-parchment:       #fafbfc;
}

/* Cinny exposes a small set of color vars; override the primary
   accent + surface tones with fortress equivalents. We only override
   the obvious top-level tokens — no per-component micro-tuning. */
.light-theme {
  --bg-surface:         var(--rv-parchment);
  --bg-surface-low:     #ffffff;
  --bg-surface-hover:   var(--rv-stone-pale);
  --bg-surface-active:  #d8dde4;

  --bg-primary:         var(--rv-fortress-deep);
  --bg-primary-hover:   var(--rv-fortress-mid);
  --bg-primary-active:  var(--rv-fortress-mid);

  --tc-surface-high:    var(--rv-stone-dark);
  --tc-surface-normal:  var(--rv-stone-dark);
  --tc-surface-low:     var(--rv-stone-mid);

  --tc-primary-high:    #ffffff;
  --tc-primary-normal:  #ffffff;

  --bg-tooltip:         var(--rv-fortress-deep);
}

/* Sidebar tint — fortress-deep navigation, like Slack's left rail. */
.cinny-sidebar,
nav[aria-label="navigation"],
[class*="Sidebar"] {
  background-color: var(--rv-fortress-deep) !important;
  color: #ffffff;
}
.cinny-sidebar a,
.cinny-sidebar button,
[class*="Sidebar"] a,
[class*="Sidebar"] button {
  color: #e5e7eb;
}

/* Brand wordmark — replace any "Cinny" with RAVEN via attribute selector
   where possible; logo image override left to favicon swap. */

/* Compact message density — Slack-ish, not Element-ish */
[class*="MessageBase"], [class*="Message_"] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
