/**
 * Custom color scheme for CMocka documentation
 * Based on cmocka.org color palette - lighter and more colorful
 */

html {
    /* Primary colors - using cmocka.org orange/gold accent */
    --primary-color: #feb41c;
    --primary-dark-color: #e89d00;
    --primary-light-color: #ffc850;

    /* Accent color - using cmocka.org blue-gray */
    --primary-lighter-color: #5e7c88;

    /* Page colors - clean white background */
    --page-background-color: #ffffff;
    --page-foreground-color: #333333;
    --page-secondary-foreground-color: #666666;

    /* Links - use the warm orange/gold color */
    --link-color: #e89d00;
    --link-hover-color: #feb41c;

    /* Code blocks and fragments - very light background */
    --code-background: #f9f9f9;
    --fragment-background: #f9f9f9;

    /* Borders - subtle light grey instead of dark blue-grey */
    --separator-color: #e0e0e0;
    --border-light-color: #f0f0f0;

    /* Side navigation - pure white */
    --side-nav-background: #ffffff;

    /* Menu colors - warm orange accent */
    --menu-selected-background: #feb41c;

    /* Tables and boxes - lighter */
    --tablehead-background: #fff8e6;
    --tablehead-foreground: #333333;
}

/* Header styling with CMocka brand colors */
#titlearea {
    background-color: #5e7c88;
    background-image: linear-gradient(to right, #5e7c88, #6a8a97);
    border-bottom: 3px solid #feb41c;
}

#projectname {
    color: #ffffff !important;
}

#projectbrief {
    color: #ecc381 !important;
}

/* Top navigation tabs */
#top {
    background: linear-gradient(to bottom, #5e7c88 0%, #6a8a97 100%);
}

.tabs, .tabs2, .tabs3 {
    background-image: none;
    background-color: transparent;
}

.tablist li {
    background: rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.tablist li:hover {
    background: rgba(255, 255, 255, 0.2);
}

.tablist li.current {
    background: #feb41c;
    border-bottom: 3px solid #e89d00;
}

/* Tab text colors - comprehensive selectors */
#nav-path ul li a,
.tabs a,
.tabs2 a,
.tabs3 a,
.tablist a,
.tablist a:link,
.tablist a:visited,
.tablist li a,
#main-nav a,
.sm > li > a,
.sm > li > a .sub-arrow {
    color: #ffffff !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Active/current tab text */
#nav-path ul li.current a,
.tabs .current a,
.tabs2 .current a,
.tabs3 .current a,
.tablist .current a,
.tablist .current a:link,
.tablist .current a:visited,
.tablist li.current a,
#main-nav .current a,
.sm .current a {
    color: #333333 !important;
    text-shadow: none;
}

/* Dropdown arrow - white color for top menu */
.sm-dox a span.sub-arrow {
    border-right-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

/* Dropdown menu text - must be dark on white background */
/* Make this as specific as possible to override white color */
.sm-dox > li > ul > li > a,
.sm-dox li ul li a,
.sm-dox ul li a,
#main-menu ul li a {
    color: #333333 !important;
    text-shadow: none !important;
}