/* ==========================================
   CourtneyR.dev Obsidian Publish Stylesheet
   ========================================== */

   :root {
    /* Brand Colors */
    --russian-violet: #241c4aff;
    --periwinkle: #bcb5e3ff;
    --glaucous: #647bafff;
    --sky-blue: #8ecae6ff;
    --blue-green: #219ebcff;
    --cerulean: #126782ff;
    --prussian-blue: #023047ff;
    --selective-yellow: #ffb703ff;
    --ut-orange: #fb8500ff;
    --light-orange: #fee2c3ff;
    --light-gray: #ebebeb;
    
    /* Light Mode */
    --background-primary: #ffffff;
    --background-secondary: var(--light-gray);
    --text-normal: var(--prussian-blue);
    --text-muted: var(--cerulean);
    --interactive-accent: var(--blue-green);
    --interactive-accent-hover: var(--ut-orange);
    --text-accent: var(--selective-yellow);
  }
  
  /* Dark Mode */
  .theme-dark {
    --background-primary: var(--russian-violet);
    --background-secondary: #1a1438;
    --text-normal: var(--periwinkle);
    --text-muted: var(--sky-blue);
    --interactive-accent: var(--sky-blue);
    --interactive-accent-hover: var(--selective-yellow);
    --text-accent: var(--sky-blue);
  }
  
  /* Social Links with Favicons */
  a[href*="linkedin.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.linkedin.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="github.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://github.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="mastodon"]::before,
  a[href*="fosstodon.org"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://joinmastodon.org/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="bsky.app"]::before,
  a[href*="bluesky"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://bsky.app/static/favicon-32x32.png') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="twitter.com"]::before,
  a[href*="x.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://abs.twimg.com/favicons/twitter.3.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="youtube.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.youtube.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="instagram.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.instagram.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="facebook.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.facebook.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="twitch.tv"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.twitch.tv/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="spotify.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.spotify.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="goodreads.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.goodreads.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="tiktok.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.tiktok.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="last.fm"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.last.fm/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="pinterest.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.pinterest.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="flickr.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.flickr.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="threads.net"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.threads.net/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="snipd.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.snipd.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="boardgamegeek.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.boardgamegeek.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }
  
  a[href*="amazon.com"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url('https://www.amazon.com/favicon.ico') center/contain no-repeat;
    vertical-align: middle;
  }