@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600&display=swap');

:root {
	// Base
	--base-charcoal: #2a2a2a;
	--base-white: #ffffff;
	--base-orange: #ec6142;

	// Fields Light
	--fields-light-disabled: #f5f5f5;
	--fields-light-still: #e9e9e9;
	--fields-light-hover: #d4d4d4;
	--fields-light-focused: #ababab;

	// Fields Dark
	--fields-dark-disabled: #303030;
	--fields-dark-still: #3a3a3a;
	--fields-dark-hover: #6a6a6a;
	--fields-dark-focused: #ffffff;

	// Supportive
	--supportive-green: #dee4e0;
	--supportive-muted-green: #cacac2;
	--supportive-light-beige: #fbf7f4;
	--supportive-beige: #dedbd6;
	--supportive-grey: #d2d9df;

	// System
	--system-error: #e63434;
	--system-advice: #ffcc56;
	--system-success: #60c277;

	// WP
	--wp-border: #757575;
	--wp-color: var(--wp-admin-theme-color);
}
