/* ── Day Mode (default) ──────────────────────────────────────── */
body.theme-day {
    --borderRadiusSm: 8px;
    --borderRadiusMd: 14px;
    --borderRadiusLg: 26px;
    --swiper-theme-color: var(--colorPrimary);
    --transitionSpeed: 0.3s;

    /* base colors */
    --colorPrimary: #C69D62;
    --colorPrimaryRGB: 198, 157, 98;
    --colorSecondary: #102926;
    --colorSecondaryRGB: 16, 41, 38;
    --colorPrimaryDarker:color-mix(in srgb, var(--colorPrimary) 90%, black);
    --colorPrimaryLighter: color-mix(in srgb, var(--colorPrimary) 80%, white);
    --colorBg: #f3f0ee;
    --colorCardBg: #FFFFFF;
    --colorCardBgRGB: 255,255,255;
    --colorBorder: rgba(var(--colorSecondaryRGB), .18);
    --colorText: #0C201E;
    --colorTextRGB: 7, 30, 48;


    --colorWelcomeOverly: white;
    --colorWelcomeOverlyRGB: 255, 255, 255;

    /* derived */
    --colorPrimaryTint:   rgba(var(--colorPrimaryRGB), .1);
    --colorPrimaryHover:  rgba(var(--colorPrimaryRGB), .85);
    --colorSurface:       rgba(var(--colorSecondaryRGB), .06);
    --colorTextMuted:     rgba(var(--colorTextRGB), .5);
    --colorTextSubtle:    rgba(var(--colorTextRGB), .25);


    /* elementor */
    --e-global-color-primary:   var(--colorPrimary);
    --e-global-color-secondary: var(--colorSecondary);
    --e-global-color-text:      var(--colorText);
    --e-global-color-accent:    var(--colorPrimary);
    --e-global-color-bantacolorbg:        var(--colorBg);
    --e-global-color-bantacolorcardbg:    var(--colorCardBg);
    --e-global-color-bantacolorborder:    var(--colorBorder);
    --e-global-color-bantacolortextmuted: var(--colorTextMuted);
}

/* ── Night Mode ──────────────────────────────────────────────── */
body.theme-night {
    /* base colors */
    --colorPrimary: #C69D62;
    --colorPrimaryRGB: 198, 157, 98;
    --colorSecondary: #102926;
    --colorSecondaryRGB: 16, 41, 38;
    --colorBg: #0C201E;
    --colorCardBg: color-mix(in srgb, var(--colorBg) 88%, white);
    --colorCardBgRGB: 0,0,0;

    --colorBorder: rgba(var(--colorTextRGB), .16);
    --colorText: #EDE8DC;
    --colorTextRGB: 220, 240, 255;


    --colorWelcomeOverly: black;
    --colorWelcomeOverlyRGB: 0, 0, 0;

    /* derived */
    --colorPrimaryTint:   rgba(var(--colorPrimaryRGB), .15);
    --colorPrimaryHover:  rgba(var(--colorPrimaryRGB), .9);
    --colorSurface:       rgba(var(--colorTextRGB), .04);
    --colorTextMuted:     rgba(var(--colorTextRGB), .5);
    --colorTextSubtle:    rgba(var(--colorTextRGB), .25);


    /* elementor */
    --e-global-color-primary:   var(--colorPrimary);
    --e-global-color-secondary: var(--colorSecondary);
    --e-global-color-text:      var(--colorText);
    --e-global-color-accent:    var(--colorPrimary);
    --e-global-color-bantacolorbg:        var(--colorBg);
    --e-global-color-bantacolorcardbg:    var(--colorCardBg);
    --e-global-color-bantacolorborder:    var(--colorBorder);
    --e-global-color-bantacolortextmuted: var(--colorTextMuted);
}