/**
 * Bergen Kommune - Custom Theme
 *
 * To customize the theme, set color variables below and save.
 * The SCSS will auto-compile to style.css.
 *
 * Available color variables:
 *
 *   $primary-color (REQUIRED)
 *     Your main brand color. Used for:
 *     - Primary buttons and badges
 *     - Links and focus outlines (WCAG)
 *     - Navbar border
 *     - Chapter interactions
 *     - "Today" indicators on archive cards
 *
 *   $secondary-color (optional, defaults to Bootstrap gray #6c757d)
 *     Secondary buttons and badges
 *
 *   $success-color (optional, defaults to Bootstrap green #198754)
 *     Success messages, alerts, and badges
 *
 *   $info-color (optional, defaults to Bootstrap cyan #0dcaf0)
 *     Info messages, alerts, and badges
 *
 *   $warning-color (optional, defaults to Bootstrap yellow #ffc107)
 *     Warning messages, alerts, and badges
 *
 *   $danger-color (optional, defaults to Bootstrap red #dc3545)
 *     Danger buttons, badges, error messages, and "Live" indicators
 *
 *   $light-color (optional, defaults to light gray #f8f9fa)
 *     Light backgrounds and borders
 *
 *   $dark-color (optional, defaults to dark gray #212529)
 *     Dark text and backgrounds
 *
 *   $font-sans-serif (optional, defaults to system font stack)
 *     Main font family for body text
 *
 *   $font-monospace (optional, defaults to system monospace fonts)
 *     Font family for code blocks
 *
 *   $body-font-size (optional, defaults to 1rem)
 *     Base font size for all text
 *
 *   $body-line-height (optional, defaults to 1.5)
 *     Base line height for readability
 *
 *   $body-color (optional, defaults to dark gray #212529)
 *     Default text color
 *
 *   $body-bg (optional, defaults to white #fff)
 *     Default background color
 *
 *   $border-radius (optional, defaults to 0.375rem)
 *     Border radius for buttons, cards, etc.
 *
 *   $border-color (optional, defaults to light gray #dee2e6)
 *     Border color for cards, inputs, etc.
 *
 * The theme automatically generates hover/active states and RGB variants.
 *
 * Available semantic IDs and classes for customization:
 *
 *   Singleton elements (use IDs):
 *     #site-header          - Main header element
 *     #navbar-primary       - Primary navigation bar with menu items
 *     #navbar-secondary     - Secondary navigation bar with search and language
 *     #main-content         - Main content area
 *     #site-footer          - Footer element
 *
 *   Repeating elements (use classes):
 *     .archive-card         - Individual archive category cards on home page
 *     .archive-cards-grid   - Grid container for archive cards
 *     .webcast-card         - Individual webcast items in lists
 *     .webcast-list         - Container for webcast listings
 *     .recent-webcasts-list - Small webcast lists inside archive cards
 *
 *   Examples:
 *     // Change primary navbar background
 *     #navbar-primary {
 *         background-color: white;
 *     }
 *
 *     // Customize archive cards
 *     .archive-card {
 *         border-radius: 1rem;
 *         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 *     }
 *
 *     // Adjust webcast list spacing
 *     .webcast-list {
 *         gap: 1rem;
 *     }
 */
:root {
  --bs-secondary: #222222;
  --bs-secondary-rgb: 34, 34, 34;
}

#navbar-primary {
  background-color: white;
}

a {
  color: #3b65a3;
}