/* ===========================================================
   AVNI Studio — FileBrowser brand theme
   Palette:  ink #0e0a09 (near-black, warm)   cream #f2ddc0 (accent)
   FileBrowser v2 has no dark-mode class; the whole palette is driven
   by these CSS variables, with custom.css loaded last so it wins.
   =========================================================== */
:root {
  --background:        #0e0a09;   /* page background           */
  --surfacePrimary:    #15100e;   /* header, login, cards      */
  --surfaceSecondary:  #1f1813;   /* menus, hovered flat btns  */

  --textPrimary:       #f4ecdf;
  --textSecondary:     #cdbfa6;

  --iconPrimary:       #f2ddc0;
  --iconSecondary:     #cdbfa6;
  --iconTertiary:      #8c8270;

  --blue:              #f2ddc0;   /* primary accent: buttons, active nav, checks */
  --dark-blue:         #e7cda4;   /* accent hover / flat-button text             */
  --red:               #e2675f;
  --dark-red:          #d6483e;

  --divider:           rgba(242, 221, 192, 0.14);
  --borderPrimary:     rgba(242, 221, 192, 0.16);
  --borderSecondary:   rgba(242, 221, 192, 0.10);
  --dividerPrimary:    rgba(242, 221, 192, 0.14);
  --dividerSecondary:  rgba(242, 221, 192, 0.08);

  --hover:             #241c16;
  --item-selected:     #2a2017;
  --moon-grey:         #1f1813;
}

/* Filled accent buttons fill with cream (--blue) and ship white text in the
   base CSS — force ink text so they stay readable. Flat buttons keep accent
   text; destructive (red) buttons keep white. */
.button:not(.button--flat)            { color: #0e0a09 !important; }
.button--flat                          { color: var(--dark-blue) !important; }
.button--red:not(.button--flat),
.button--flat.button--red:hover        { color: #fff !important; }

/* Make sure the app shell + login page sit on the ink background. */
html, body { background: var(--background) !important; }

/* Subtle: the sidebar credit / progress accents follow the accent colour. */
#sidebar .credits a { color: var(--dark-blue); }
.progress > div     { background: var(--blue) !important; }