/*
 * variables-supplemental.css
 * --------------------------------------------------------------------------
 * Supplementary CSS custom property definitions that fill gaps in
 * variables.css where converted theme.css/mobile.css/media-queries.css
 * reference variables that the new (7.x) variables.css does not define.
 *
 * Loaded AFTER variables.css and theme-variables.css so that anything we
 * define here can reference vars from those files without ordering issues.
 *
 * Strategy:
 *   - Where the missing var has a clear semantic equivalent in variables.css,
 *     alias to it via var() chain. (e.g., --theme-base-color -> --theme-color)
 *   - Where the var was a structural/text default (e.g., text-align: left),
 *     supply the literal value.
 *   - Where the var is module-specific (sesadvheader), define defaults that
 *     fall back gracefully if the module isn't installed.
 *
 * Naming rationale: prefer aliasing over hardcoding so admin theme changes
 * still propagate correctly via the existing --sesatoz-* and --theme-* chain.
 * --------------------------------------------------------------------------
 */

:root {

  /* ===== ALIASES TO EXISTING DEFINITIONS ================================= */
  /* These names existed in 6.x but were renamed in 7.x. We re-introduce the
     6.x names as aliases so the converted CSS resolves them. */

  --theme-base-color:                     var(--theme-color);
  --theme-button-font-hover-color:        var(--theme-button-font-color-hover);
  --theme-footer-link-hover-color:        var(--theme-footer-link-color-hover);
  --theme-tabs-font-color-hover:          var(--theme-buttontabs-font-color-hover);

  /* The 7.x file doesn't define these *-buttontabs- variants; alias to the
     non-active background and to a hover-darkening of the active state. */
  --theme-buttontabs-background-color:        var(--theme-button-background-color);
  --theme-buttontabs-background-color-hover:  var(--theme-button-background-color-hover);
  --theme-buttontabs-font-size:               var(--theme-tabs-font-size);

  /* ===== HEADER SEARCHBOX ================================================ */
  /* 6.x said "searchbox", 7.x said "search". Rather than rename the CSS,
     alias the old names to the new definitions. */
  --theme-header-searchbox-background-color: var(--theme-header-search-background-color);
  --theme-header-searchbox-text-color:        var(--theme-font-color);

  /* ===== STRUCTURAL / LAYOUT ============================================= */
  --theme-footer-width:    100%;
  --theme-text-align:      left;

  /* ===== TYPOGRAPHY ====================================================== */
  --theme-link-decoration:        none;
  --theme-link-decoration-hover:  underline;

  /* ===== HEADLINES ======================================================= */
  --theme-headline-background-color: transparent;

  /* ===== FORMS =========================================================== */
  --theme-form-background-color:  var(--theme-input-background-color);
  --theme-form-border-color:      var(--theme-input-border-color);
  --theme-form-label-font-color:  var(--theme-font-color);

  /* ===== FOREGROUND (used in landing-page hero/feature widgets) ========== */
  --theme-foreground-background-color: var(--theme-box-background-color);
  --theme-foreground-border-color:     var(--theme-border-color);

  /* ===== PULLDOWN MENUS ================================================== */
  --theme-pulldown-contents-list-color: var(--theme-font-color);

  /* ===== SESADVHEADER MODULE COMPATIBILITY =============================== */
  /* If the Sesadvheader module is installed, these get overridden by its
     own settings. If not, they fall through to the brand colors. */
  --sesadvheader-header-background-color: var(--theme-header-background-color);
  --sesadvheader-search-btn-font-color:   var(--theme-button-font-color);

}