/*
===============================================================================
TASKCONTROL THEME - v13 GOLD
===============================================================================

This file controls colors and section backgrounds only.
Structural button and layout rules live in assets/css/style.css.

To change the visual theme, edit the variables in :root.
Do not add selector-specific button overrides here.
===============================================================================
*/

:root {
  /* Light surfaces */
  --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 */
  --tc-internal-page-bg: #F5F7FA;
  --tc-internal-hero-start: #F6FBF8;
  --tc-internal-hero-end: #FAFBFC;

  /* Cards and borders */
  --tc-card-bg: #FFFFFF;
  --tc-border: #E5E7EB;

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

  /* Dark surfaces */
  --tc-dark: #0F172A;
  --tc-dark-soft: #182431;
}

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); }

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

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

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

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

.btn:link,
.btn:visited {
  color: #FFFFFF;
}

.btn:hover,
.btn:focus-visible,
.btn:active {
  background: var(--tc-primary-hover);
  border-color: var(--tc-primary-hover);
  color: #FFFFFF;
}

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

.btn-secondary:hover,
.btn-secondary:focus-visible,
.btn-secondary:active {
  background: var(--tc-secondary-hover);
  border-color: var(--tc-secondary-hover);
}

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

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