/* Theme overrides: retints the design-system tokens to the Lethokuhle & Siblings
   logo. Loaded after _ds/styles.css, so every ds-* class follows automatically.
   Palette from the logo: burnt-orange wordmark (primary), denim-navy house panel
   (ink grounds), leaf green (ticks / confirmations), magenta diamond (sparingly). */
:root{
--color-primary:#b8511f;--color-primary-bright:#e87024;--color-primary-deep:#8a3a12;--color-primary-soft:#fbe0cb;--color-on-primary:#ffffff;
--color-link:#a5481b;--color-link-pressed:#8a3a12;
--color-ink:#1b2237;--color-ink-deep:#121829;--color-ink-soft:#27304a;--color-charcoal:#414b63;--color-graphite:#626d86;
--color-cloud:#f5f6f9;--color-fog:#e6e9f0;--color-steel:#b9c0d0;--color-hairline:#e6e9f0;--color-hairline-strong:#c3cad9;
--color-storm-mist:#8fd0a8;--color-storm-sea:#4fae7b;--color-storm-deep:#1f6b46;
--color-bloom-coral:#e8336e;--color-bloom-rose:#fbd6e2;--color-bloom-deep:#b3204f;
--shadow-soft:0 2px 8px rgba(27,34,55,.10);--shadow-float:0 8px 24px rgba(27,34,55,.16);
}
/* Dark grounds carry the logo's navy instead of near-black */
.ds-hero::before{background:linear-gradient(90deg,rgba(18,24,41,.92) 0%,rgba(18,24,41,.74) 45%,rgba(18,24,41,.28) 100%)}
@media (max-width:767px){.ds-hero::before{background:rgba(18,24,41,.78)}}
.ds-image-card::before,.ds-case__media::before{background:linear-gradient(180deg,rgba(18,24,41,.12) 0%,rgba(18,24,41,.9) 100%)}
/* Checklist ticks take the logo's green; stars take the orange */
.ds-checklist li::before{background:#dff0e5;color:var(--color-storm-deep)}
.ds-section--ink .ds-checklist li::before{background:var(--color-storm-deep);color:#ffffff}
.ds-stars{color:var(--color-primary)}
.ds-section--ink .ds-stars{color:var(--color-primary-bright)}