/* Rockfish Networks Custom Theme
 * Colors: Light background (#FFFFFF), Copper accent (#B87333), Blue highlight (#1F96ED)
 */

:root {
    /* Primary brand colors */
    --rockfish-dark: #111111;
    --rockfish-copper: #B87333;
    --rockfish-blue: #1F96ED;
    --rockfish-white: #FFFFFF;
    --rockfish-gray: rgba(255, 255, 255, 0.67);
}

/* Light theme overrides (default) */
.light {
    --bg: #FFFFFF;
    --fg: #1a1a1a;
    --sidebar-bg: #f5f5f5;
    --sidebar-fg: #1a1a1a;
    --sidebar-non-existant: rgba(0, 0, 0, 0.4);
    --sidebar-active: #B87333;
    --sidebar-spacer: rgba(0, 0, 0, 0.1);
    --scrollbar: #B87333;
    --icons: #B87333;
    --icons-hover: #1F96ED;
    --links: #B87333;
    --inline-code-color: #B87333;
    --theme-popup-bg: #FFFFFF;
    --theme-popup-border: #B87333;
    --theme-hover: rgba(184, 115, 51, 0.15);
    --quote-bg: rgba(184, 115, 51, 0.08);
    --quote-border: #B87333;
    --table-border-color: #ddd;
    --table-header-bg: #B87333;
    --table-header-fg: #FFFFFF;
    --table-alternate-bg: #f9f9f9;
    --searchbar-border-color: #B87333;
    --searchbar-bg: #FFFFFF;
    --searchbar-fg: #1a1a1a;
    --searchbar-shadow-color: rgba(184, 115, 51, 0.15);
    --searchresults-header-fg: #1a1a1a;
    --searchresults-border-color: #B87333;
    --searchresults-li-bg: rgba(184, 115, 51, 0.05);
    --search-mark-bg: rgba(31, 150, 237, 0.3);
}

/* Navy theme - using light colors */
.navy {
    --bg: #FFFFFF;
    --fg: #1a1a1a;
    --sidebar-bg: #f5f5f5;
    --sidebar-fg: #1a1a1a;
    --sidebar-non-existant: rgba(0, 0, 0, 0.4);
    --sidebar-active: #B87333;
    --sidebar-spacer: rgba(0, 0, 0, 0.1);
    --scrollbar: #B87333;
    --icons: #B87333;
    --icons-hover: #1F96ED;
    --links: #B87333;
    --inline-code-color: #B87333;
    --theme-popup-bg: #FFFFFF;
    --theme-popup-border: #B87333;
    --theme-hover: rgba(184, 115, 51, 0.15);
    --quote-bg: rgba(184, 115, 51, 0.08);
    --quote-border: #B87333;
    --table-border-color: #ddd;
    --table-header-bg: #B87333;
    --table-header-fg: #FFFFFF;
    --table-alternate-bg: #f9f9f9;
    --searchbar-border-color: #B87333;
    --searchbar-bg: #FFFFFF;
    --searchbar-fg: #1a1a1a;
    --searchbar-shadow-color: rgba(184, 115, 51, 0.15);
    --searchresults-header-fg: #1a1a1a;
    --searchresults-border-color: #B87333;
    --searchresults-li-bg: rgba(184, 115, 51, 0.05);
    --search-mark-bg: rgba(31, 150, 237, 0.3);
}

/* Coal theme - using light colors */
.coal {
    --bg: #FFFFFF;
    --fg: #1a1a1a;
    --sidebar-bg: #f5f5f5;
    --sidebar-fg: #1a1a1a;
    --sidebar-non-existant: rgba(0, 0, 0, 0.4);
    --sidebar-active: #B87333;
    --sidebar-spacer: rgba(0, 0, 0, 0.1);
    --scrollbar: #B87333;
    --icons: #B87333;
    --icons-hover: #1F96ED;
    --links: #B87333;
    --inline-code-color: #B87333;
    --theme-popup-bg: #FFFFFF;
    --theme-popup-border: #B87333;
    --theme-hover: rgba(184, 115, 51, 0.15);
    --quote-bg: rgba(184, 115, 51, 0.08);
    --quote-border: #B87333;
    --table-border-color: #ddd;
    --table-header-bg: #B87333;
    --table-header-fg: #FFFFFF;
    --table-alternate-bg: #f9f9f9;
    --searchbar-border-color: #B87333;
    --searchbar-bg: #FFFFFF;
    --searchbar-fg: #1a1a1a;
    --searchbar-shadow-color: rgba(184, 115, 51, 0.15);
    --searchresults-header-fg: #1a1a1a;
    --searchresults-border-color: #B87333;
    --searchresults-li-bg: rgba(184, 115, 51, 0.05);
    --search-mark-bg: rgba(31, 150, 237, 0.3);
}

/* Ayu theme - using light colors */
.ayu {
    --bg: #FFFFFF;
    --fg: #1a1a1a;
    --sidebar-bg: #f5f5f5;
    --sidebar-fg: #1a1a1a;
    --sidebar-non-existant: rgba(0, 0, 0, 0.4);
    --sidebar-active: #B87333;
    --sidebar-spacer: rgba(0, 0, 0, 0.1);
    --scrollbar: #B87333;
    --icons: #B87333;
    --icons-hover: #1F96ED;
    --links: #B87333;
    --inline-code-color: #B87333;
    --theme-popup-bg: #FFFFFF;
    --theme-popup-border: #B87333;
    --theme-hover: rgba(184, 115, 51, 0.15);
    --quote-bg: rgba(184, 115, 51, 0.08);
    --quote-border: #B87333;
    --table-border-color: #ddd;
    --table-header-bg: #B87333;
    --table-header-fg: #FFFFFF;
    --table-alternate-bg: #f9f9f9;
    --searchbar-border-color: #B87333;
    --searchbar-bg: #FFFFFF;
    --searchbar-fg: #1a1a1a;
    --searchbar-shadow-color: rgba(184, 115, 51, 0.15);
    --searchresults-header-fg: #1a1a1a;
    --searchresults-border-color: #B87333;
    --searchresults-li-bg: rgba(184, 115, 51, 0.05);
    --search-mark-bg: rgba(31, 150, 237, 0.3);
}

/* Sidebar logo styling */
.sidebar .sidebar-logo {
    padding: 1rem;
    text-align: center;
    border-bottom: 1px solid var(--sidebar-spacer);
    margin-bottom: 1rem;
}

.sidebar .sidebar-logo img {
    max-width: 180px;
    height: auto;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: var(--fg);
    border-bottom-color: #B87333;
}

h1 {
    border-bottom: 2px solid #B87333;
}

/* Links */
a {
    color: #B87333;
}

a:hover {
    color: #1F96ED;
}

/* Code blocks */
pre {
    border-left: 3px solid #B87333;
}

code {
    background-color: rgba(184, 115, 51, 0.1);
}

/* Buttons */
.nav-chapters:hover {
    color: #1F96ED;
}

/* Chapter list styling */
.chapter li.chapter-item {
    margin-top: 0.5rem;
}

.chapter li.chapter-item a:hover {
    color: #1F96ED;
}

.chapter li.chapter-item.active > a {
    color: #B87333;
    font-weight: bold;
}

/* Table styling */
table th {
    background-color: var(--table-header-bg);
    color: var(--table-header-fg);
}

/* Blockquotes */
blockquote {
    border-left: 4px solid #B87333;
    background-color: var(--quote-bg);
}

/* Menu bar */
.menu-bar {
    background-color: var(--bg);
    border-bottom: 1px solid rgba(184, 115, 51, 0.3);
}

/* Chapter title in sidebar */
.sidebar .chapter {
    line-height: 2em;
}

/* Part titles in sidebar */
.sidebar .chapter li.part-title {
    color: #B87333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    margin-top: 1.5rem;
}

/* Scrollbar styling for webkit browsers */
::-webkit-scrollbar-thumb {
    background-color: #B87333;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #1F96ED;
}

/* Search highlight */
mark {
    background-color: rgba(31, 150, 237, 0.3);
    color: inherit;
}