/* wp-content/plugins/pickpicbuy-core/assets/css/tokens.css */
:root {
	/* Brand palette */
	--ppb-page-background: #f8f7f4;
	--ppb-surface-background: #ffffff;
	--ppb-primary-text: #111111;
	--ppb-muted-text: #65616a;
	--ppb-border: #e1dde0;
	--ppb-border-strong: #bdb5bc;
	--ppb-primary-action: #ff209b;
	--ppb-primary-action-hover: #ec118b;
	--ppb-primary-soft: #ffe5f2;
	--ppb-accent: #a5005b;
	--ppb-accent-hover: #780044;
	--ppb-accent-soft: #fce5f1;
	--ppb-accent-soft-hover: #f6cde3;
	--ppb-dark-surface: #111111;
	--ppb-dark-surface-soft: #262226;
	--ppb-highlight: #ffc2e2;
	--ppb-highlight-soft: #fff0f7;
	--ppb-danger: #9c3036;
	--ppb-danger-hover: #7c242a;
	--ppb-danger-soft: #f7e3e4;
	--ppb-success: #217253;
	--ppb-white: #ffffff;

	/* Semantic actions */
	--ppb-share-action: var(--ppb-accent);
	--ppb-share-action-hover: var(--ppb-accent-hover);
	--ppb-secondary-action: var(--ppb-dark-surface);
	--ppb-secondary-action-hover: #302930;
	--ppb-neutral-action: #eee9ed;
	--ppb-neutral-action-hover: #ddd5dc;
	--ppb-choice-action: #f2eef1;
	--ppb-choice-selected: var(--ppb-accent-soft);
	--ppb-danger-action-soft: #f4d9dc;
	--ppb-warning-action: #f2bd32;
	--ppb-return-action: var(--ppb-accent-soft);
	--ppb-disabled-action: #b8b3ab;

	/* Supporting illustration colors */
	--ppb-photo-sky: #d8e9df;
	--ppb-photo-floor: #c6ae8b;
	--ppb-photo-one: #f0a068;
	--ppb-photo-two: #7c9d8f;
	--ppb-photo-three: #e8cf77;
	--ppb-overlay: rgba(23, 32, 27, 0.08);
	--ppb-overlay-strong: rgba(23, 32, 27, 0.16);

	/* Shape, depth, and layout */
	--ppb-radius-small: 6px;
	--ppb-radius-medium: 12px;
	--ppb-radius-large: 16px;
	--ppb-radius-pill: 999px;
	--ppb-shadow: 0 18px 60px rgba(23, 32, 27, 0.1);
	--ppb-shadow-small: 0 8px 28px rgba(23, 32, 27, 0.08);
	--ppb-container-width: 1160px;
	--ppb-header-height: 72px;
	--ppb-transition: 180ms ease;
	--ppb-font-body: "Onest", ui-sans-serif, system-ui, sans-serif;
	--ppb-font-display: "Barlow Condensed", "Onest", sans-serif;
	--ppb-surface: var(--ppb-surface-background);
	--ppb-line: var(--ppb-border);
	--ppb-muted: var(--ppb-muted-text);
}
