/* ═══════════════════════════════════════════
   TAVO ŠAMPŪNAS — Core Design Variables
   Golden Standard for all plugins and theme
   ═══════════════════════════════════════════ */

:root {
    /* ─── Backgrounds ─── */
    --ts-bg:         #F5F2EC; /* Main cream */
    --ts-bg2:        #EDEAE3; /* Secondary cream */
    --ts-bg-dark:    #2C2620; /* Warm dark */
    --ts-bg-darker:  #1C1916; /* Night */
    --ts-white:      #FFFFFF;

    /* ─── Text / Ink ─── */
    --ts-ink:        #1A1714; /* Primary text */
    --ts-ink2:       #52493F; /* Secondary text */
    --ts-ink3:       #8A7E72; /* Tertiary text / Muted */
    --ts-ink4:       #B5AC9F; /* Quaternary text / Disabled */

    /* ─── Accents ─── */
    --ts-terra:      #6B442A; /* Primary accent */
    --ts-gold:       #96703E; /* Secondary accent / Stars */
    --ts-green:      #3D6B35; /* Success / Validation */

    /* ─── Lines & Borders ─── */
    --ts-line:       rgba(26, 23, 20, 0.07);
    --ts-line-light: rgba(244, 241, 235, 0.06);

    /* ─── Typography ─── */
    --ts-serif:      'Domine', Georgia, serif;
    --ts-sans:       'Instrument Sans', sans-serif;

    /* ─── Animation ─── */
    --ts-ease:       cubic-bezier(0.16, 1, 0.3, 1);

    /* ─── Contextual Variables ─── */
    --ts-header-color: var(--ts-ink);
    --ts-body-color:   var(--ts-ink2);
}

/* ─── Contextual Overrides for Dark Sections ─── */
.ts-dark-section, 
.bg-dark, 
.shoptimizer-dark-row,
.hero, .how, .cmp, .ing, .fcta, .ir, /* Home page dark sections */
.section.dark, /* Category plugin dark sections */
.ts-sec.ts-dark, /* Product plugin dark sections */
footer, .site-footer, .footer-widget-area /* Shoptimizer footer */
{
    --ts-header-color: var(--ts-white);
    --ts-body-color:   rgba(245, 242, 236, 0.85);
}