/*
 * Design tokens: fonts and the color palette. Loaded before site.css on the site and before
 * login.css on wp-login.php, so every screen reads the same table. Colors go here, never as
 * loose hex values in the stylesheets.
 */

:root {
	--ry-font-1: "Muli", sans-serif;
	--ry-font-2: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--ry-color-white: #ffffff;
	--ry-color-1: #a0c916;
	--ry-color-2: #0A232B;
	--ry-color-bg: #F5F5F5;
	--ry-color-light-gray: #5d707a;
	--ry-color-dark-gray: #334449;
	--ry-color-1-dark: #87af00;
	--ry-color-1-tint: color-mix(in srgb, var(--ry-color-1) 15%, var(--ry-color-white));
	--ry-color-1-tint-border: color-mix(in srgb, var(--ry-color-1) 30%, var(--ry-color-white));
	--ry-color-border: #e3e8ea;
	--ry-color-border-strong: #cdd5d8;
	--ry-color-danger: #dc2626;
}