/*
===============================================================================
TASKCONTROL VISUAL THEME CONFIGURATION
===============================================================================

This is the ONLY file you need to edit to change the landing-page backgrounds.

DEFAULT THEME: RECOMMENDED MIXED COMBINATION

How to change the theme:
1. Edit the values in the ACTIVE THEME block below.
2. Save this file.
3. Refresh the browser with Ctrl+F5.
4. Commit and push the change to GitHub.

Do not edit assets/css/style.css for ordinary background changes.

-------------------------------------------------------------------------------
AVAILABLE PRESETS
-------------------------------------------------------------------------------

A) RECOMMENDED MIXED COMBINATION (default)
   Page:       #FAFBFC
   Hero:       #FAFBFC
   Products:   #FFFFFF
   Industries: #F6FBF8
   Services:   #FFFFFF
   Plans:      #F5F7FA
   Internal:   #F5F7FA

B) WARM WHITE
   Use #FAFBFC for every light background.

C) BLUE GRAY
   Use #F5F7FA for every light background.

D) GREEN MIST
   Use #F6FBF8 for every light background.

E) ENTERPRISE GRAY
   Use #F3F5F7 for every light background.

===============================================================================
ACTIVE THEME — EDIT ONLY THESE VALUES
===============================================================================
*/
:root {
  /* Main site backgrounds */
  --tc-page-bg: #FAFBFC;
  --tc-hero-bg-start: #FAFBFC;
  --tc-hero-bg-end: #FFFFFF;
  --tc-products-bg: #FFFFFF;
  --tc-industries-bg: #F6FBF8;
  --tc-services-bg: #FFFFFF;
  --tc-plans-bg: #F5F7FA;
  --tc-why-bg: #FAFBFC;

  /* Internal pages: Company, Contact, Support, Terms, Privacy, Work */
  --tc-internal-page-bg: #F5F7FA;
  --tc-internal-hero-start: #F6FBF8;
  --tc-internal-hero-end: #FAFBFC;

  /* Cards remain white for contrast */
  --tc-card-bg: #FFFFFF;

  /* Brand colors */
  --tc-primary: #15803D;
  --tc-primary-hover: #166534;
  --tc-secondary: #2563EB;
  --tc-secondary-hover: #1D4ED8;

  /* Borders and dark areas */
  --tc-border: #E5E7EB;
  --tc-dark: #0F172A;
  --tc-dark-soft: #182431;
}

/*
===============================================================================
OPTIONAL PRESET VALUES — COPY ONE PRESET INTO THE ACTIVE THEME ABOVE
===============================================================================

WARM WHITE
--tc-page-bg: #FAFBFC;
--tc-hero-bg-start: #FAFBFC;
--tc-hero-bg-end: #FFFFFF;
--tc-products-bg: #FAFBFC;
--tc-industries-bg: #FAFBFC;
--tc-services-bg: #FAFBFC;
--tc-plans-bg: #FAFBFC;
--tc-why-bg: #FAFBFC;
--tc-internal-page-bg: #FAFBFC;

BLUE GRAY
--tc-page-bg: #F5F7FA;
--tc-hero-bg-start: #F5F7FA;
--tc-hero-bg-end: #FFFFFF;
--tc-products-bg: #F5F7FA;
--tc-industries-bg: #F5F7FA;
--tc-services-bg: #F5F7FA;
--tc-plans-bg: #F5F7FA;
--tc-why-bg: #F5F7FA;
--tc-internal-page-bg: #F5F7FA;

GREEN MIST
--tc-page-bg: #F6FBF8;
--tc-hero-bg-start: #F6FBF8;
--tc-hero-bg-end: #FFFFFF;
--tc-products-bg: #F6FBF8;
--tc-industries-bg: #F6FBF8;
--tc-services-bg: #F6FBF8;
--tc-plans-bg: #F6FBF8;
--tc-why-bg: #F6FBF8;
--tc-internal-page-bg: #F6FBF8;

ENTERPRISE GRAY
--tc-page-bg: #F3F5F7;
--tc-hero-bg-start: #F3F5F7;
--tc-hero-bg-end: #FFFFFF;
--tc-products-bg: #F3F5F7;
--tc-industries-bg: #F3F5F7;
--tc-services-bg: #F3F5F7;
--tc-plans-bg: #F3F5F7;
--tc-why-bg: #F3F5F7;
--tc-internal-page-bg: #F3F5F7;
*/

/*
===============================================================================
THEME APPLICATION — DO NOT EDIT UNLESS YOU WANT ADVANCED CUSTOMIZATION
===============================================================================
*/
body {
  background: var(--tc-page-bg);
}

.hero {
  background: linear-gradient(
    180deg,
    var(--tc-hero-bg-start) 0%,
    var(--tc-hero-bg-end) 100%
  );
}

#products {
  background: var(--tc-products-bg);
}

#industries {
  background: var(--tc-industries-bg);
}

#services {
  background: var(--tc-services-bg);
}

#plans {
  background: var(--tc-plans-bg);
}

.why-section {
  background: var(--tc-why-bg);
}

.product-card,
.service-card,
.price-card,
.contact-card,
.legal-document,
.legal-nav,
.why-grid article,
.industry-grid span {
  background: var(--tc-card-bg);
}

.internal-hero {
  background: linear-gradient(
    135deg,
    var(--tc-internal-hero-start),
    var(--tc-internal-hero-end)
  );
}

.content-wrap {
  background: var(--tc-internal-page-bg);
}

.btn {
  background: var(--tc-primary);
  border-color: var(--tc-primary);
}

.btn:hover {
  background: var(--tc-primary-hover);
}

.brand-mark,
.language-switch a.active,
.badge {
  background: var(--tc-primary);
}

.site-footer {
  background: var(--tc-dark);
}

.product-card,
.service-card,
.price-card,
.contact-card,
.legal-document,
.legal-nav,
.industry-grid span,
.why-grid article {
  border-color: var(--tc-border);
}