/* Juice Dynamic Solutions — switchable colour themes (set via data-theme on <html>) */
/* C — "Profound": profoundproductions.co.za palette, deep teal-slate + warm gold + cream */
html[data-theme="profound"]{
 --canvas:#172a31;
 --surface:#1d333b;
 --line:#2f4e59;
 --glow:#233d46;
 --ink:#0f1c21;
 --ink-deep:#0f1c21;
 --cream:#e7e3d8;
 --card:#ffffff;
 --paper:#ffffff;
 --neutral:#ffffffb8;
 --muted:#3b4549;
 --accent:#eac691;
 --accent-soft:#f7e8cb;
 --accent-strong:#6e5426;   /* 5.5:1 on cream, 7.1:1 on white */
 --on-accent:#172a31;
 --lime:#eac691;
 --juice-1:#f7e8cb;--juice-2:#eac691;--juice-3:#9c7638;
}
html[data-theme="profound"] .site-footer{background:var(--canvas)}

/* A — "Citrus": bold, orange-dominant */
html[data-theme="citrus"]{
 --canvas:#b83c0b;      /* bold burnt orange: white text 5.7:1 */
 --surface:#9a3412;     /* deeper orange for cards: white 7.3:1 */
 --line:#e2793f;
 --glow:#c2410c;        /* hero/CTA glow stays >=5.1:1 with white */
 --ink:#2a1206;
 --ink-deep:#1f0d04;
 --cream:#fff3e2;
 --card:#ffffff;
 --paper:#ffffff;
 --neutral:#ffffff;
 --muted:#6b3a1c;
 --accent:#ecfccb;      /* pale lime highlight: 5.25:1 on canvas */
 --accent-soft:#fff1b8;
 --accent-strong:#a8380a; /* small accent text on cream/white: 5.9 / 6.5:1 */
 --on-accent:#2a1206;
 --lime:#d9f99d;
 --juice-1:#ffd23f;--juice-2:#ff9f1c;--juice-3:#c8f03c;
}
html[data-theme="citrus"] .site-footer{color:rgba(255,255,255,.85)}
html[data-theme="citrus"] .site-footer h5{color:#ffb15c}
html[data-theme="citrus"] .nav-links a:not(.btn),html[data-theme="citrus"] .btn-ghost{color:#fff}
html[data-theme="citrus"] .btn-ghost{border-color:rgba(255,255,255,.6)}
html[data-theme="citrus"] .step{background:var(--surface);border-color:var(--line)}
html[data-theme="citrus"] .chip.on{background:var(--ink);border-color:var(--ink)}
html[data-theme="citrus"] .chip.on::after{background:var(--ink)}
html[data-theme="citrus"] .chip.on svg{color:#ffb15c}
html[data-theme="citrus"] .card.dark{background:var(--ink);border-color:var(--ink)}
html[data-theme="citrus"] .card.dark .tag,html[data-theme="citrus"] .card.dark .ic{color:#ffb15c}
html[data-theme="citrus"] .card.dark .badge{background:var(--lime)}
html[data-theme="citrus"] .dot{opacity:.8}

/* B — "Accent" (DEFAULT): neutral charcoal, orange used sparingly */
:root,html[data-theme="accent"]{
 --canvas:#16191b;
 --surface:#1e2225;
 --line:#30363a;
 --glow:#262b2e;
 --ink:#121416;
 --ink-deep:#0e1011;
 --cream:#f3f1ec;
 --card:#ffffff;
 --paper:#ffffff;
 --neutral:rgba(255,255,255,.7);
 --muted:#4a4f53;
 --accent:#f7931e;
 --accent-soft:#ffffff;
 --accent-strong:#a34a06;   /* 5.3:1 on cream, 5.9:1 on white */
 --on-accent:#16191b;
 --lime:#a8d84e;
 --juice-1:#fbbf5a;--juice-2:#f7931e;--juice-3:#a8d84e;
}

/* smooth colour change when switching */
html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition:background-color .35s,color .35s,border-color .35s,fill .35s,stroke .35s!important}