/* Whazora — calm accent palette + typography (textes +3 % vs taille d’origine) */
:root {
    --wh-text-scale: 1.029;
    --wh-accent: #4a9d78;
    --wh-accent-deep: #3a8566;
    --wh-accent-soft: #5a8f72;
    --wh-accent-hover: #5aa888;
    --wh-accent-rgb: 74, 157, 120;
    --wh-accent-glow: rgba(74, 157, 120, 0.09);
    --wh-accent-faint: rgba(74, 157, 120, 0.04);
    --wh-accent-line: rgba(74, 157, 120, 0.16);
    --wh-accent-border: rgba(74, 157, 120, 0.22);
    --wh-wa-ui: #3d8b5c;

    /* Aliases used across stylesheets */
    --mint: var(--wh-accent);
    --mint-vivid: var(--wh-accent-deep);
    --mint-hover: var(--wh-accent-hover);
    --mint-glow: var(--wh-accent-glow);
    --mint-faint: var(--wh-accent-faint);

    --emerald: var(--wh-accent);
    --emerald-deep: var(--wh-accent-deep);
    --emerald-mid: var(--wh-accent-deep);
    --emerald-glow: var(--wh-accent-glow);
    --emerald-subtle: var(--wh-accent-faint);
    --emerald-glow-md: rgba(74, 157, 120, 0.12);
    --border-emerald: var(--wh-accent-line);

    --green: var(--wh-accent);
    --fc-emerald: var(--wh-accent-rgb);
}

/* Primary actions — softer glow (all pages using shared classes) */
.btn-primary,
.ag-btn-primary,
.ag-btn-test-send,
.ag-test-send,
.pr-wizard-submit,
.wz-sub-continue {
    box-shadow: 0 4px 16px rgba(74, 157, 120, 0.12);
}

.btn-primary:hover,
.ag-btn-primary:hover,
.ag-btn-test-send:hover,
.wz-sub-continue:hover {
    box-shadow: 0 6px 20px rgba(74, 157, 120, 0.16);
}

.lang-option.active {
    color: var(--wh-accent);
}