/* ==UserStyle==
@name Mecenat Dark
@namespace github.com/aruncveli/userstyles
@version 26.2.16
@description Dark theme for Mecenat.
@author Arun Chandanaveli <aruncveli@gmail.com> (https://github.com/aruncveli)
@homepageURL https://github.com/aruncveli/userstyles
@supportURL https://github.com/aruncveli/userstyles/issues
@updateURL https://raw.githubusercontent.com/aruncveli/userstyles/refs/heads/main/sites/mecenat/mecenat.user.css
@license MIT
@preprocessor default
@var color fg "Foreground" white
@var color bg "Background" black
@var color bg1 "Background lightened 1" #111
@var color bg2 "Background lightened 2" #222
@var color bg3 "Background lightened 3" #333
@var color link-color "Link" #0b84ff
@var color red-color "Red" #ff443a
==/UserStyle== */

@-moz-document domain("mecenatalumni.com"), domain("mecenat.com") {
  :root {
    color-scheme: dark;
  }

  html,
  html.alumni {
    color-scheme: dark;
    --text-black: 0 0 0;
    --text-white: 255 255 255;
    --text-primary: var(--text-white);
    --text-secondary: var(--text-white);
    --tw-prose-bold: var(--text-white);

    --background-primary: var(--bg);
    --background-secondary: var(--bg1);
    --background-tertiary: var(--bg2);
    --link-contrast: var(--background-tertiary);
    --link: var(--link-color);
    --link-hover: var(--link-color);
    --link-pressed: var(--link-color);
    --grayscale-600: 255 255 255;
    --grayscale-700: 255 255 255;
    --border-tertiary: var(--bg2);
  }

  .nativemkt .prose {
    --tw-prose-body: --var(--fg);
    --tw-prose-headings: var(--fg);
  }

  .behemoth .prose {
    --tw-prose-body: var(--fg);
    --tw-prose-headings: var(--fg);
  }

  .bigmec .text-black,
  .bigmec .text-slate-500 {
    color: var(--fg) !important;
  }

  .bigmec .bg-background-secondary,
  .bigmec .bg-white {
    background-color: var(--bg) !important;
  }

  .discountcodemodal .bg-background-secondary,
  .bigmec .mec-btn.text:hover {
    background-color: var(--bg1) !important;
  }

  .tw * {
    border-color: var(--border-tertiary);
  }

  .nativemkt .bg-background-secondary,
  .contentpage .bg-background-tertiary {
    background-color: var(--bg2) !important;
  }

  a[aria-label="Go to alumni"],
  a[aria-label="Go to mecenat"] {
    > div > svg > path:first-child {
      fill: var(--fg);
    }
  }

  div[aria-label="Add to favorites"] svg > path:first-child {
    fill: var(--fg);
  }

  .contentpage .mec-mce-content {
    --tw-prose-bold: var(--fg);
    --tw-prose-headings: var(--fg);
    --tw-prose-body: var(--fg);
  }
}