:root {
    --mytho-ui-scale-ratio: 1;
    --wp--preset--color--brand: #1c6d2d;
    --wp--preset--color--accent: #7a5a16;
    --wp--preset--color--harvest-gold: #c6a24a;
    --wp--preset--color--market-orange: #c46a2f;
    --wp--preset--color--surface-page: #fbf8f1;
    --wp--preset--color--surface-panel: #f3efe4;
    --wp--preset--color--surface-raised: #ffffff;
    --wp--preset--color--ink: #242019;
    --wp--preset--color--muted: #6b6358;
    --wp--preset--color--border-soft: #d8d0bf;

    --global-palette1: #1c6d2d;
    --global-palette2: #145322;
    --global-palette3: #242019;
    --global-palette4: #363026;
    --global-palette5: #6b6358;
    --global-palette6: #8a7f72;
    --global-palette7: #f3efe4;
    --global-palette8: #fbf8f1;
    --global-palette9: #ffffff;
    --global-palette10: #7a5a16;
    --global-palette11: #7a5a16;
    --global-palette12: #5d564d;
    --global-palette13: #1c6d2d;
    --global-palette14: var(--wp--preset--color--harvest-gold);
    --global-palette15: #f0d06a;
    --global-palette16: var(--wp--preset--color--market-orange);
    --global-palette17: #e8bb96;

    --global-palette-highlight: var(--global-palette1);
    --global-palette-highlight-alt: var(--global-palette2);
    --global-palette-highlight-alt2: #e6f2e8;
    --global-palette-btn: #ffffff;
    --global-palette-btn-bg: var(--global-palette1);
    --global-palette-btn-hover: #ffffff;
    --global-palette-btn-bg-hover: var(--global-palette2);
    --global-palette-btn-out: var(--global-palette1);
    --global-palette-btn-out-hover: var(--global-palette2);
    --global-palette-btn-sec: var(--global-palette3);
    --global-palette-btn-sec-bg: var(--global-palette7);
    --global-palette-btn-sec-hover: var(--global-palette3);
    --global-palette-btn-sec-bg-hover: #ebe4d5;
    --global-gray-400: #d8d0bf;
    --global-gray-500: #bcae98;

    --mytho-color-brand: var(--wp--preset--color--brand, #1c6d2d);
    --mytho-color-accent: var(--wp--preset--color--accent, #7a5a16);
    --mytho-color-harvest: var(--wp--preset--color--harvest-gold, #c6a24a);
    --mytho-color-market: var(--wp--preset--color--market-orange, #c46a2f);
    --mytho-color-surface-page: var(--wp--preset--color--surface-page, #fbf8f1);
    --mytho-color-surface-panel: var(--wp--preset--color--surface-panel, #f3efe4);
    --mytho-color-surface-raised: var(--wp--preset--color--surface-raised, #ffffff);
    --mytho-color-text-primary: var(--wp--preset--color--ink, #242019);
    --mytho-color-text-secondary: #555045;
    --mytho-color-text-muted: var(--wp--preset--color--muted, #6b6358);
    --mytho-color-border-soft: var(--wp--preset--color--border-soft, #d8d0bf);
    --mytho-color-border-strong: #bcae98;
    --mytho-color-success: #2f7d32;
    --mytho-color-warning: var(--mytho-color-harvest);
    --mytho-color-danger: #b23a2b;
    --mytho-color-promo-warm: var(--mytho-color-market);
    --mytho-shadow-level-1: 0 4px 16px rgba(32, 27, 23, 0.08);
    --mytho-shadow-level-2: 0 14px 34px rgba(32, 27, 23, 0.12);
    --mytho-space-0: 0.25rem;
    --mytho-space-1: 0.5rem;
    --mytho-space-2: 0.75rem;
    --mytho-space-3: 1rem;
    --mytho-space-4: 1.5rem;
    --mytho-space-5: 2rem;
    --mytho-space-6: 3rem;
    --mytho-space-7: 4rem;
    --mytho-radius-input: 0.625rem;
    --mytho-radius-button: 0.625rem;
    --mytho-radius-card: 0.75rem;
    --mytho-radius-round: 999px;
    --mytho-container-max: 75rem;
    --mytho-control-height: 3rem;
    --mytho-control-height-lg: 3.25rem;
    --mytho-font-size-body: 1rem;
    --mytho-font-size-body-large: 1.0625rem;
    --mytho-font-size-small: 0.9375rem;
    --mytho-font-size-caption: 0.875rem;
    --mytho-line-height-body: 1.65;
    --mytho-line-height-tight: 1.25;
}

html[data-mytho-ui-scale="sm"] {
    --mytho-ui-scale-ratio: 0.9375;
    font-size: 93.75%;
}

html[data-mytho-ui-scale="md"] {
    --mytho-ui-scale-ratio: 1;
    font-size: 100%;
}

html[data-mytho-ui-scale="lg"] {
    --mytho-ui-scale-ratio: 1.125;
    font-size: 112.5%;
}

html[data-mytho-ui-scale="xl"] {
    --mytho-ui-scale-ratio: 1.25;
    font-size: 125%;
}