/* Shared corporate/retail brand palette. Layout and product-line identities stay local.
   Default: BEpic green, white and black; orange is a secondary accent.
   Scripts can switch without storage or a new UI:
   document.documentElement.dataset.bepicColorScheme = 'bepic-deep';
   Delete that attribute (or set 'bepic') to restore the default.
   Keep white-on-primary text contrast when adding a palette. */
:root {
    --bepic-brand: #4fba46;
    --bepic-brand-highlight: #63c84f;
    --bepic-primary: #278030;
    --bepic-primary-strong: #246f2b;
    --bepic-primary-deep: #174f21;
    --bepic-primary-soft: #e8f5e9;
    --bepic-link: #26752b;
    --bepic-link-hover: #153e1d;
    --bepic-accent: #ff6b00;
    --bepic-accent-strong: #d95700;
    --bepic-accent-ink: #b74400;
    --bepic-accent-soft: #fff1e8;
    --bepic-accent-highlight: #ffb477;
    --bepic-on-primary: #ffffff;
    --bepic-ink: #101814;
    --bepic-dark: #0b1510;
    --bepic-dark-deep: #050b08;
    --bepic-dark-soft: #172c20;
    --bepic-muted: #56665b;
    --bepic-surface: #ffffff;
    --bepic-surface-soft: #f5f8f4;
    --bepic-on-dark-muted: #d2dfd4;
    --bepic-line: #dce6df;
    --bepic-focus: #071b33;

    /* Compatibility aliases inherit the semantic palette; no separate color values. */
    --bepic-ink-soft: var(--bepic-dark-soft);
    --bepic-green: var(--bepic-brand);
    --bepic-green-dark: var(--bepic-primary);
    --bepic-green-bright: var(--bepic-brand-highlight);
    --bepic-teal: var(--bepic-primary);
    --bepic-gold: var(--bepic-accent-highlight);
    --bepic-orange: var(--bepic-accent);
    --bepic-orange-dark: var(--bepic-accent-strong);
    --bepic-mist: var(--bepic-surface-soft);
    --bepic-footer: var(--bepic-dark-deep);
    --bepic-home-navy: var(--bepic-ink);
    --bepic-home-navy-deep: var(--bepic-dark-deep);
    --bepic-home-blue: var(--bepic-dark-soft);
    --bepic-home-teal: var(--bepic-primary);
    --bepic-home-teal-soft: var(--bepic-primary-soft);
    --bepic-home-orange: var(--bepic-accent);
    --bepic-home-orange-dark: var(--bepic-accent-strong);
    --bepic-home-gold: var(--bepic-accent-highlight);
    --bepic-home-ink: var(--bepic-ink);
    --bepic-home-muted: var(--bepic-muted);
    --bepic-home-line: var(--bepic-line);
    --bepic-home-light: var(--bepic-surface-soft);
    --bepic-home-white: var(--bepic-surface);
}

/* Optional deeper-green preset; all values remain owned by this one file. */
:root[data-bepic-color-scheme="bepic-deep"] {
    --bepic-brand: #359446;
    --bepic-brand-highlight: #79ce83;
    --bepic-primary: #216d2a;
    --bepic-primary-strong: #174f21;
    --bepic-primary-deep: #0d3a15;
    --bepic-primary-soft: #e7f1e8;
    --bepic-accent: #ef7d32;
    --bepic-accent-strong: #bf5416;
    --bepic-accent-ink: #9c3e00;
    --bepic-accent-soft: #fff2e8;
    --bepic-dark: #08120b;
    --bepic-dark-deep: #040906;
    --bepic-dark-soft: #102719;
}