/*
 * theme-variables.css
 * --------------------------------------------------------------------------
 * The SOURCE OF TRUTH for all SE 7.x --sesatoz-* base custom properties.
 *
 * variables.css references these via var() chains to derive the --theme-*
 * properties that theme.css consumes. If a --sesatoz-* var is missing here,
 * the entire chain returns "no value" and any rule depending on it
 * silently fails (e.g., yellow accents not appearing, borders invisible).
 *
 * To rebrand: edit the values in this file. The CSS cascade does the rest.
 *
 * TRM7 - Filled in 45 missing color values that the original 6.5.2 theme
 *        had baked into application/css.php substitution but that didn't
 *        carry over when SE moved to the variables.css/theme-variables.css
 *        architecture in 7.x.
 * --------------------------------------------------------------------------
 */
:root {

  /* === BRAND / ACCENT ==================================================== */
  /* The Caribbean On Demand yellow that appears across the network */
  --sesatoz-theme-color: #f2c643;

  /* === BODY / BACKGROUND ================================================ */
  --sesatoz-body-background-color: #f5f5f5;
  --sesatoz-body-background-image: url(public/admin/blank.png);
  --sesatoz-body-fontfamily: "Roboto";
  --sesatoz-body-fontsize: 14px;

  /* === CONTENT (boxes, cards, panels) =================================== */
  --sesatoz-content-background-color: #ffffff;
  --sesatoz-content-background-color-alt: #f9f9f9;
  --sesatoz-content-border-color: #e6e6e6;
  --sesatoz-content-header-background-color: #ffffff;
  --sesatoz-content-header-font-color: #ffffff;

  /* === HEADINGS / FONTS ================================================= */
  --sesatoz-heading-color: #222222;
  --sesatoz-heading-fontfamily: "Roboto";
  --sesatoz-heading-fontsize: 17px;
  --sesatoz-font-color: #333333;
  --sesatoz-font-color-light: #777777;

  /* === LINKS ============================================================ */
  --sesatoz-links-color: #1973bd;
  --sesatoz-links-hover-color: #FFD11B;
  --seatoz-links-decoration-hover: none;

  /* === BUTTONS (primary - yellow filled) =============================== */
  --sesatoz-button-background-color: #f2c643;
  --sesatoz-button-background-color-hover: #000000;       /* hover -> dark, like orig */
  --sesatoz-button-border-color: #f2c643;
  --sesatoz-button-border-color-hover: #000000;
  --sesatoz-button-font-color: #ffffff;
  --sesatoz-button-font-color-dark: #000000;
  --sesatoz-button-font-hover-color: #ffffff;             /* white text on dark hover */

  /* === BUTTONS (secondary - subdued) ==================================== */
  --sesatoz-secondary-button-background-color: #f5f5f5;
  --sesatoz-secondary-button-background-color-hover: #e6e6e6;
  --sesatoz-secondary-button-border-color: #cccccc;
  --sesatoz-secondary-button-border-color-hover: #aaaaaa;
  --sesatoz-secondary-button-font-color: #333333;
  --sesatoz-secondary-button-font-color-hover: #000000;

  /* === HEADER / TOPBAR ================================================== */
  --sesatoz-header-background-color: #f2c643;             /* the yellow bar */
  --sesatoz-header-searchbox-text-color: #333333;
  --sesatoz-menu-logo-font-color: #ffffff;

  /* === MAIN MENU ======================================================== */
  --sesatoz-mainmenu-background-color: transparent;
  --sesatoz-mainmenu-fontfamily: "Roboto";
  --sesatoz-mainmenu-fontsize: 13px;
  --sesatoz-mainmenu-links-color: #ffffff;
  --sesatoz-mainmenu-links-hover-color: #000000;
  --sesatoz-mainmenu-links-background-color-hover: rgba(0, 0, 0, 0.08);

  /* === MINI MENU (Login / Sign Up area) ================================= */
  --sesatoz-minimenu-links-color: #ffffff;
  --sesatoz-minimenu-links-hover-color: #000000;
  --sesatoz-minimenu-icon-color: #ffffff;
  --sesatoz-minimenu-icon-active-color: #f2c643;
  --sesatoz-minimenu-icon-background-color: transparent;
  --sesatoz-minimenu-icon-background-active-color: #ffffff;
  --sesatoz-minimenu-search-background-color: #ffffff;

  /* === FOOTER =========================================================== */
  --sesatoz-footer-background-color: #1a1a1a;
  --sesatoz-footer-background-image: url(public/admin/blank.png);
  --sesatoz-footer-links-color: #cccccc;
  --sesatoz-footer-links-hover-color: #f2c643;

  /* === FORMS / INPUTS =================================================== */
  --sesatoz-input-background-color: #ffffff;
  --sesatoz-input-border-color: #cccccc;
  --sesatoz-input-font-color: #333333;

  /* === COMMENTS ========================================================= */
  --sesatoz-comments-background-color: #f9f9f9;

  /* === STRUCTURAL (already-present in original file - keep these) ======= */
  --sesatoz-left-columns-width: 250px;
  --sesatoz-right-columns-width: 250px;
  --sesatoz-header-design: 1;

  /* === TABS ============================================================= */
  --sesatoz-tab-fontfamily: "Roboto";
  --sesatoz-tab-fontsize: 15px;

}