@st-import [ --wix-color-11, --wix-color-15 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import [ setColor, setVar, setFont ] from '../../common/formatters.st';

:root {
  --gold: 255, 215, 0;
  --red: 255, 0, 0;
  --black: 0, 0, 0;
  --zero-unit: 0px;
  --small-unit: 5px;
  --medium-unit: 10px;
  --large-unit: 15px;
  --xlarge-unit: 20px;
  --large-icon: 50px;
}

.palette {
  -st-mixin:
    setColor(--wix-ui-tpa-badge-badge-bg-color, null, var(--wix-color-11)),
    setColor(--wix-ui-tpa-badge-badge-text-color, null, var(--wix-color-15));
}

.staticColors {
  -st-mixin:
    setColor(--wix-ui-tpa-badge-badge-bg-color, null, var(--gold)),
    setColor(--wix-ui-tpa-badge-badge-text-color, null, var(--black));
}

.paletteStyleParams {
  -st-mixin:
    setColor(--wix-ui-tpa-badge-badge-bg-color, null, var(--wix-color-11)),
    setColor(--wix-ui-tpa-badge-badge-text-color, null, var(--wix-color-15));
}
.staticColorsSiteParams {
  -st-mixin:
    setColor(--wix-ui-tpa-badge-badge-bg-color, null, var(--gold)),
    setColor(--wix-ui-tpa-badge-badge-text-color, null, var(--black));
}

.iconColor {
  -st-mixin:
    setColor(--wix-ui-tpa-badge-icon-color, null, var(--gold));
}

.iconAndTextColor {
  -st-mixin:
    setColor(--wix-ui-tpa-badge-badge-text-color, null, var(--red)),
    setColor(--wix-ui-tpa-badge-icon-color, null, var(--gold));
}

.font {
  -st-mixin:
    setFont(--wix-ui-tpa-badge-text-font, null, 'Heading-M', '{ "size": "24px", "line-height": "2" }');
}

.noCornerRadius {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-border-radius-start-start, --zero-unit),
    setVar(--wix-ui-tpa-badge-border-radius-start-end, --zero-unit),
    setVar(--wix-ui-tpa-badge-border-radius-end-start, --zero-unit),
    setVar(--wix-ui-tpa-badge-border-radius-end-end, --zero-unit);
}

.differentCornerRadius {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-border-radius-start-start, --small-unit),
    setVar(--wix-ui-tpa-badge-border-radius-start-end, --medium-unit),
    setVar(--wix-ui-tpa-badge-border-radius-end-start, --large-unit),
    setVar(--wix-ui-tpa-badge-border-radius-end-end, --xlarge-unit);
}

.noWidth {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-border-width, --zero-unit);
}

.widthAndColor {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-border-width, --small-unit),
    setColor(--wix-ui-tpa-badge-border-color, null, var(--gold));
}

.noSpacing {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-space-between, --zero-unit),
    setVar(--wix-ui-tpa-badge-padding-start, --zero-unit),
    setVar(--wix-ui-tpa-badge-padding-end, --zero-unit),
    setVar(--wix-ui-tpa-badge-padding-top, --zero-unit),
    setVar(--wix-ui-tpa-badge-padding-bottom, --zero-unit);
}

.spacing {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-space-between, --medium-unit),
    setVar(--wix-ui-tpa-badge-padding-start, --small-unit),
    setVar(--wix-ui-tpa-badge-padding-end, --medium-unit),
    setVar(--wix-ui-tpa-badge-padding-top, --large-unit),
    setVar(--wix-ui-tpa-badge-padding-bottom, --xlarge-unit);
}

.spacingWithoutIcon {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-space-between, --xlarge-unit);
}

.iconSize {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-icon-size, --large-icon);
}

.zeroIconSize {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-icon-size, --zero-unit);
}

.innerIconSize {
  -st-mixin:
    setVar(--wix-ui-tpa-badge-icon-size, --large-icon);
}

.wstOverride {
  -st-mixin: setVar(--wst-paragraph-2-color-rgb, null, null, "0, 128, 0"),
  setVar(--wst-primary-background-color-rgb, null, null, "200, 255, 200"),
  setVar(--wst-links-and-actions-color-rgb, null, null, "180, 180, 255"),
  setFont(--wst-paragraph-2-font, null, 'Body-M', '{ "size": "24px", "line-height": "2", "family": "Libre Baskerville", "style": "italic", "weight": "800" }');
}
/* st-namespace-reference="../../../../../src/components/Badge/Badge.visual.st.css" */