/* ==========================================
   GRUVBOX PALETTE REFERENCE (morhetz/gruvbox)
   ------------------------------------------
   dark0_hard  #1d2021   dark0_soft  #32302f
   dark0       #282828   dark1       #3c3836
   dark2       #504945   dark3       #665c54
   dark4       #7c6f64   gray        #928374

   light0_hard #f9f5d7   light0_soft #f2e5bc
   light0      #fbf1c7   light1      #ebdbb2
   light2      #d5c4a1   light3      #bdae93
   light4      #a89984

   bright_red    #fb4934   neutral_red    #cc241d   faded_red    #9d0006
   bright_green  #b8bb26   neutral_green  #98971a   faded_green  #79740e
   bright_yellow #fabd2f   neutral_yellow #d79921   faded_yellow #b57614
   bright_blue   #83a598   neutral_blue   #458588   faded_blue   #076678
   bright_purple #d3869b   neutral_purple #b16286   faded_purple #8f3f71
   bright_aqua   #8ec07c   neutral_aqua   #689d6a   faded_aqua   #427b58
   bright_orange #fe8019   neutral_orange #d65d0e   faded_orange #af3a03
   ========================================== */

/* ==========================================
   GRUVBOX LIGHT THEME
   --
   Light mode uses faded_* accent colors (per gruvbox.vim s:is_dark == false).
   Backgrounds:  light0 → light1 → light2 → light3 → light4
   Foregrounds:  dark0  → dark1  → dark2  → dark3  → dark4
   ========================================== */
[data-md-color-scheme="gruvbox-light"] {
  /* Header fill — faded_red, canonical light mode accent */
  --md-primary-fg-color:        #9d0006; /* faded_red */
  --md-primary-fg-color--light: #cc241d; /* neutral_red */
  --md-primary-fg-color--dark:  #af3a03; /* faded_orange */

  /* Header Background & Icons */
  --md-primary-bg-color:        #fbf1c7; /* light0 */
  --md-primary-bg-color--light: #f9f5d7; /* light0_hard (brighter variant) */

  /* Main Page Backgrounds */
  --md-default-bg-color:        #fbf1c7; /* light0 — main canvas */
  --md-default-bg-color--light: #ebdbb2; /* light1 — sidebars / cards */
  --md-default-bg-color--dark:  #d5c4a1; /* light2 — code blocks / toggles */

  /* Text & Typography */
  --md-default-fg-color:        #282828; /* dark0 — primary text */
  --md-default-fg-color--light: #3c3836; /* dark1 — secondary text */
  --md-default-fg-color--lighter:#665c54; /* dark3 — muted text / borders */

  /* Code Blocks */
  --md-code-bg-color:           #f2e5bc; /* light0_soft — warm inset */
  --md-code-fg-color:           #3c3836; /* dark1 */

  /* Typesetting (Links, Admonitions) */
  --md-typeset-color:           #282828; /* dark0 */
  --md-typeset-a-color:         #9d0006; /* faded_red — links match primary */

  /* Accent palette (used by admonitions, badges, highlights) */
  --md-accent-fg-color:         #af3a03; /* faded_orange — softer on cream */
  --md-accent-fg-color--transparent: #af3a031a;
  --md-accent-bg-color:         #fbf1c7; /* light0 */
  --md-accent-bg-color--light:  #f9f5d7; /* light0_hard */
}

/* ==========================================
   GRUVBOX DARK THEME
   --
   Dark mode uses bright_* accent colors (per gruvbox.vim s:is_dark == true).
   Backgrounds:  dark0  → dark1  → dark2  → dark3  → dark4
   Foregrounds:  light0 → light1 → light2 → light3 → light4
   ========================================== */
[data-md-color-scheme="gruvbox-dark"] {
  /* Header fill — neutral_red, canonical dark mode accent */
  --md-primary-fg-color:        #cc241d; /* neutral_red */
  --md-primary-fg-color--light: #fb4934; /* bright_red */
  --md-primary-fg-color--dark:  #9d0006; /* faded_red */

  /* Header Background & Icons */
  --md-primary-bg-color:        #282828; /* dark0 */
  --md-primary-bg-color--light: #1d2021; /* dark0_hard */

  /* Main Page Backgrounds */
  --md-default-bg-color:        #282828; /* dark0 — main canvas */
  --md-default-bg-color--light: #3c3836; /* dark1 — sidebars / cards */
  --md-default-bg-color--dark:  #504945; /* dark2 — code blocks / toggles */

  /* Text & Typography */
  --md-default-fg-color:        #fbf1c7; /* light0 — primary text (brightest) */
  --md-default-fg-color--light: #928374; /* gray_245 — muted text (canonical gray) */
  --md-default-fg-color--lighter:#504945; /* dark2 — borders / dividers */

  /* Code Blocks */
  --md-code-bg-color:           #1d2021; /* dark0_hard — deepest inset */
  --md-code-fg-color:           #bdae93; /* light3 */

  /* Typesetting (Links, Admonitions) */
  --md-typeset-color:           #ebdbb2; /* light1 — body text */
  --md-typeset-a-color:         #fb4934; /* bright_red — links match primary */

  /* Accent palette */
  --md-accent-fg-color:         #d65d0e; /* neutral_orange — less glaring on dark */
  --md-accent-fg-color--transparent: #d65d0e1a;
  --md-accent-bg-color:         #282828; /* dark0 */
  --md-accent-bg-color--light:  #3c3836; /* dark1 */
}

/* ==========================================
   BACKGROUND PHOTO
   ========================================== */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url('../pexels-denys-9327144.jpg');
  background-size: cover;
  background-position: center;
  filter: grayscale(100%);
  opacity: 0.04;
  z-index: -1;
}

.md-sidebar {
  --md-default-bg-color: transparent;
}