/*
 * Taskexco Child — custom.css
 * ═══════════════════════════════════════════════════════
 * Add ALL your CSS customisations here.
 * This file is loaded last, after parent + child style.css,
 * so every rule here has the highest specificity.
 *
 * CSS custom properties from the parent are available:
 *   var(--color-primary)       #16A34A
 *   var(--color-primary-dark)  #15803D
 *   var(--color-primary-light) #4ADE80
 *   var(--color-accent)        #0F4C28
 *   var(--font-heading)        'Plus Jakarta Sans', sans-serif
 *   var(--font-body)           'Inter', sans-serif
 *   var(--radius)              8px
 *   var(--radius-lg)           16px
 *   var(--shadow)              0 4px 16px rgba(0,0,0,.10)
 */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION 1 — Brand Color Overrides
   Uncomment + change hex values to rebrand the theme.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
:root {
  --color-primary:      #2563EB;    change to your brand color
  --color-primary-dark: #1D4ED8;
  --color-primary-light:#60A5FA;
  --color-accent:       #1E3A5F;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION 2 — Typography Overrides
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
:root {
  --font-heading: 'Montserrat', sans-serif;
  --font-body:    'Source Sans Pro', sans-serif;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION 3 — Layout Tweaks
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Example: wider container */
/*
.container {
  max-width: 1400px;
}
*/

/* Example: taller header */
/*
.header-inner {
  height: 90px;
}
.site-nav a {
  font-size: 1rem;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION 4 — Component Overrides
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Example: pill-shaped buttons */
/*
.btn {
  border-radius: 50px;
}
*/

/* Example: no card hover lift */
/*
.service-card:hover {
  transform: none;
  box-shadow: var(--shadow);
}
*/

/* Example: custom footer background */
/*
.site-footer {
  background: #1A1A2E;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION 5 — Add your own styles here
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Your custom CSS goes below this line */