/*
 * Help Scout Docs Custom CSS
 * ---------------------------
 * Brand Style Guide Theme:
 * - Primary: Bright Orange (#F15A29)
 * - Secondary: Teal Blue (#3FBFBF)
 * - Neutrals: Charcoal Gray (#2E2E2E) and Light Gray (#F5F5F5)
*/

/* --- General Site Styles --- */
body {
    background-color: #F5F5F5; /* Light Gray */
    color: #2E2E2E; /* Charcoal Gray */
    font-family: sans-serif; /* Optional: Change to your preferred font like 'Helvetica' */
}

/* --- Search Banner Text --- */
#docsSearch h1 {
    color: #2E2E2E; /* Charcoal Gray */
    font-family: sans-serif; /* Optional: Change to your preferred font */
}

/* --- Search Bar & Button --- */
#searchBar .search-query {
    background: #FFFFFF;
    border-color: transparent;
    box-shadow: none;
    color: #444444; /* A slightly lighter gray for input text */
}

#searchBar button {
    background: #F15A29; /* Primary: Bright Orange */
    border-color: transparent;
    color: #FFFFFF;
}

#searchBar button:hover {
    background: #3FBFBF; /* Secondary: Teal Blue */
    border-color: transparent;
    color: #FFFFFF;
}


/* --- Category & Collection Cards --- */
/* This gives the category and article lists a clean, card-like appearance
   against the light gray page background. */

.category-list .category,
.twoCol .collection,
.threeCol .collection {
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB; /* A subtle border */
    border-radius: 8px; /* Rounded corners */
}