/*
 * Mouni Woo UI — публичные дизайн-токены.
 *
 * Файл не меняет стандартную компоновку WooCommerce. Он только публикует
 * значения, которые используют account-страницы и компоненты интеграций.
 */

.woocommerce {
    --mouni-ui-font: "Poppins", Arial, sans-serif;
    --mouni-ui-text: #292722;
    --mouni-ui-muted: #77716a;
    --mouni-ui-border: #e8e3dc;
    --mouni-ui-border-strong: #d7cec2;
    /* Точные цвета из фирменного SVG-логотипа MOUNI. */
    --mouni-ui-brand-blue: #a8cde1;
    --mouni-ui-brand-coral: #da8a8a;
    --mouni-ui-brand-peach: #ffb08a;
    --mouni-ui-brand-orange: #ffbd7f;
    --mouni-ui-brand-olive: #b9b38f;
    /*
     * Единая интерактивная система: голубой — основное действие,
     * коралловый — hover/focus, тёмные производные — только для текста.
     */
    --mouni-ui-brand-blue-soft: #eef7fb;
    --mouni-ui-brand-coral-soft: #fff4f4;
    --mouni-ui-accent: var(--mouni-ui-brand-blue);
    --mouni-ui-accent-strong: var(--mouni-ui-brand-blue);
    --mouni-ui-accent-hover: var(--mouni-ui-brand-coral);
    --mouni-ui-accent-soft: var(--mouni-ui-brand-blue-soft);
    --mouni-ui-accent-ink: #456b7f;
    --mouni-ui-accent-ink-hover: #8b5151;
    --mouni-ui-action-text: var(--mouni-ui-text);
    --mouni-ui-field-accent-bg: #fafdff;
    --mouni-ui-focus-border: var(--mouni-ui-brand-coral);
    --mouni-ui-control-radius: 12px;
    --mouni-ui-action-shadow: 0 7px 18px rgba(81, 130, 157, 0.16);
    --mouni-ui-action-shadow-hover: 0 9px 22px rgba(171, 93, 93, 0.18);
    --mouni-ui-surface: #ffffff;
    --mouni-ui-surface-subtle: #fbfaf8;
    --mouni-ui-surface-soft: #f6f2ed;
    --mouni-ui-success-bg: #edf5ef;
    --mouni-ui-success-text: #477054;
    --mouni-ui-danger-bg: #fff6f3;
    --mouni-ui-danger-text: #8d3f2f;
    --mouni-ui-off-bg: #f1efec;
    --mouni-ui-off-text: #746f68;
    --mouni-ui-focus-ring: rgba(218, 138, 138, 0.28);
    --mouni-ui-radius-sm: 9px;
    --mouni-ui-radius-md: 14px;
    --mouni-ui-radius-lg: 18px;
    --mouni-ui-shadow-sm:
        0 1px 2px rgba(35, 31, 27, 0.04),
        0 6px 18px rgba(35, 31, 27, 0.05);
    --mouni-ui-shadow-card:
        0 1px 2px rgba(35, 31, 27, 0.03),
        0 14px 36px rgba(35, 31, 27, 0.045);
    --mouni-ui-duration: 180ms;
    --mouni-ui-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --mouni-ui-content-width: 760px;

    /* Совместимость с предыдущими версиями Mouni Account. */
    --mouni-account-text: var(--mouni-ui-text);
    --mouni-account-muted: var(--mouni-ui-muted);
    --mouni-account-border: var(--mouni-ui-border);
    --mouni-account-border-strong: var(--mouni-ui-border-strong);
    --mouni-account-accent: var(--mouni-ui-accent);
    --mouni-account-accent-dark: var(--mouni-ui-accent-ink);
    --mouni-account-soft: var(--mouni-ui-surface-soft);
    --mouni-account-white: var(--mouni-ui-surface);
}