/* 1. Widen the content container to 1200px */
main, .main, .container {
    max-width: 800px !important;
}

/* Standard Markdown/Reddit List Formatting */
main ul, 
main ol, 
.content ul, 
.content ol {
    padding-left: 1.25em !important; /* Shrinks the horizontal gap */
    margin-top: 0.5em !important;    /* Reduces vertical gap above the list */
    margin-bottom: 0.5em !important; /* Reduces vertical gap below the list */
    list-style-position: outside !important; 
}

/* Tighten up the space between individual list items */
main li, 
.content li {
    margin-bottom: 0.25em !important;
}

/* Keep nested lists properly indented but vertically compact */
main ul ul, main ol ol, main ul ol, main ol ul {
    margin-top: 0.25em !important;
    margin-bottom: 0 !important;
}



/* Neutral, High-Contrast Light Mode Overrides */
:root {
  /* Backgrounds: Shifted from yellow/cream to pure/off-whites */
  --bg_h: #ffffff; 
  --bg: #fdfdfd;   /* Main page background */
  --bg_s: #f7f7f7; 
  --bg1: #f0f0f0;  /* Blockquotes, code blocks, etc. */
  --bg2: #e5e5e5;
  --bg3: #d4d4d4;
  --bg4: #c4c4c4;

  /* Foregrounds: Shifted from dark brown/gray to near-black */
  --fg: #0a0a0a;   /* Main text */
  --fg1: #1a1a1a;
  --fg2: #2a2a2a;
  --fg3: #4a4a4a;  /* Muted text, meta info */
  --fg4: #6a6a6a;
}

/* Neutral, High-Contrast Dark Mode Overrides */
.darkmode {
  /* Backgrounds: Shifted to deep grays/blacks */
  --bg_h: #000000;
  --bg: #121212;   /* Main page background */
  --bg_s: #1a1a1a;
  --bg1: #222222;
  --bg2: #2a2a2a;
  --bg3: #333333;
  --bg4: #444444;

  /* Foregrounds: Shifted to crisp whites */
  --fg: #ffffff;   /* Main text */
  --fg1: #f5f5f5;
  --fg2: #e0e0e0;
  --fg3: #cccccc;
  --fg4: #aaaaaa;
}

/* -----------------------------------------
   Targeted Link Colors (Body, Blogroll, Tags)
   ----------------------------------------- */
/* Scoping to 'main' prevents changing the header/footer links */
main a, .content a {
    /*color: #2563eb !important; */
    /* color: #4338ca !important; */
    color: #0000f6 !important; 
    text-decoration: none; 
    transition: color 0.15s ease-in-out;
}

main a:hover, .content a:hover {
    /* color: #1d4ed8 !important; */
    color: #4338ca !important;
    text-decoration: underline;
}

main a:visited, .content a:visited {
    /*color: #6b21a8 !important; 5b21b6*/
    /* color: #5b21b6 !important; */
    color: #0000f6 !important; 
}

/* -----------------------------------------
   Selected Text Highlight Color
   ----------------------------------------- */
::selection {
    background-color: #b3d4ff !important; /* Soft pastel blue */
    color: #111111 !important; /* Forces text to stay dark/readable */
}

/* Fallback specifically for Mozilla Firefox */
::-moz-selection {
    background-color: #b3d4ff !important;
    color: #111111 !important;
}