/* =========================================================
   Theme: Twilight & Brass (lifted sibling of Midnight)
   Same warm editorial register, surfaces lifted out of
   the deep dark so reading feels less heavy.
   Applied when the root element has class="theme-twilight".
   ========================================================= */

html.theme-twilight {
  --surface-page:     #232941;
  --surface-section:  #262C42;
  --surface-raised:   #2D3349;
  --surface-muted:    #1C2236;

  --text-primary:     #F4E9CE;
  --text-body:        #e9debf;
  --text-muted:       #cba33b;
  --text-dim:         #5E5848;

  --accent:           #d19d44;
  --accent-hover:     #F4B84F;
  --accent-subtle:    rgba(217, 178, 112, 0.14);
  --accent-contrast:  #20263A;

  --border-subtle:    rgba(217, 178, 112, 0.16);
  --border-strong:    rgba(217, 178, 112, 0.34);

  --graph-color:      rgba(244, 233, 206, 0.70);

  --nav-bg:           var(--surface-page);

  --hrule-thin:       rgba(255,255,255, 0.1);

  --section-callout-bright-1: #2f595b;

  --accordion-active-tab-bg: #7b6135;
  --accordion-active-tab-fg: #F4E9CE;
  --accordion-nav-bg: #414963;
}