/*
 * Theme Default Variables
 * -----------------------
 * These are the fallback (DSB default) values for all theme color variables.
 * Each theme CSS (loaded from DB) can override these by declaring its own :root block.
 * Page-specific CSS files (e.g. fdsx-*.css) should ONLY use var(--theme-*) — never hardcoded hex.
 */

:root {
  /* Primary action color (buttons, links, highlights) */
  --theme-primary:           #3a7ee1;
  /* Darker shade for hover/active states */
  --theme-primary-dark:      #2d6bc4;

  /* CTA / action color — used for buttons, dx-link and tab active states.
     Defaults to DSB green. Themes that want their brand color here should override this. */
  --theme-action:            #3B9C68;
  --theme-action-dark:       #328559;

  /* Secondary / structural color (tab-controls bar, table headers, pills, badges) */
  --theme-secondary:         #1D2D49;

  /* Navigation bar background */
  --theme-nav-bg:            #1D2D49;
  /* Navigation text color — semi-transparent white matches vendor.css default */
  --theme-nav-text:          rgba(255,255,255,.88);
  /* Navigation text color on hover */
  --theme-nav-text-hover:    #ffffff;

  /* Hero / search input accent */
  --theme-hero-accent:       #3B9C68;

  /* Tab controls background */
  --theme-tab-bg:            #1D2D49;
  /* Active tab background */
  --theme-tab-active:        #3B9C68;

  /* Alternate table row tint */
  --theme-row-alt-bg:        #f3f7fb;

  /* Navbar-default (mobile) — matches Bootstrap default #fff */
  --theme-navbar-default-bg: #ffffff;
}