/*
 * Colors
 * Use theme.json to establish colors
 * https://developer.wordpress.org/block-editor/developers/themes/theme-json/
 * This file can be used to establish color overrides
 * or exceptions to the theme.json use case
 */

:root {
	--c-black: #000;
	--jet-black: #0a0a0a;
	--jet-white: #faf9f0;
	--c-white: #fff;
	--c-red: #c62828;
	--color-focus: #0172a4;

	--gray-90: #222;
	--gray-70: #484949;
	--gray-60: #666;
	--gray-20: #d9d9d9;
	--gray-10: #e9e9e9;
	--gray-5: #f5f5f5;

	/* --blue: #007EB5;
	--blue-90: #001923;
	--blue-80: #002d40;
	--blue-60: #00425e;
	--blue-40: #00567b;
	--blue-20: #006a98;
	--blue-10: var(--blue);
	--blue-5: #060808; */


	--blue-90: #000102;
	--blue-80: #000911;
	--blue-70: #001826;
	--blue-60: #00283d;
	--blue-50: #003955;
	--blue-40: #004b6e;
	--blue-30: #015e88;
	--blue-20: #0172a4;
	--blue-10: #0186c0;
	--blue: #029bdd;
	--blue--t10: #3aa5e1;
	--blue-t20: #57b0e5;
	--blue-t30: #6fbae9;
	--blue-t40: #85c4ed;
	--blue-t50: #9acef0;
	--blue-t60: #afd8f3;
	--blue-t70: #c3e2f7;
	--blue-t80: #d7ecfa;
	--blue-t90: #ebf5fc;


	--beige-90: #020101;
	--beige-80: #0e0906;
	--beige-70: #201813;
	--beige-60: #342921;
	--beige-50: #493a30;
	--beige-40: #5f4d40;
	--beige-35: #685345;
	--beige-30: #766050;
	--beige-20: #8e7461;
	--beige-10: #a78973;
	--beige: #c09e85;
	--beige--t10: #c6a791;
	--beige-t20: #cdb19d;
	--beige-t30: #d3baa9;
	--beige-t40: #d9c4b5;
	--beige-t50: #e0cec1;
	--beige-t60: #e6d7cd;
	--beige-t70: #ece1d9;
	--beige-t80: #f3ebe6;
	--beige-t90: #f9f5f2;

	--silky-white-50: #73706c;
	--silky-white-40: #8b8783;
	--silky-white-30: #a39f9a;
	--silky-white-20: #bcb7b1;
	--silky-white-10: #d6d0c9;
	--silky-white: #f0eae2;

	--body-color: var(--jet-black);

	--body-background-color: #fcfbfa;

	--transparent-grey-20: #a17e7e20;

	--primary-text-color: var(--jet-black);
	--secondary-text-color: var(--gray-70);

	--body-link-color: var(--jet-black);
	--body-link-hover-color: var(--c-black);

	--background-hover-color: var(--silky-white);

	--heading-color: var(--jet-black);
	--muted-color: var(--gray-60);

	--primary-color: var(--jet-black);

	--border-color: var(--silky-white-50);
	--border-color-strong: var(--beige-50);
	--border-color-dark: var(--beige-90);

	--separator-color: var(--silky-white-50);

	--neutral-white: var(--jet-white);

	--box-shadow: 2px 2px 14px 0 rgba(7,5,5,0.15);

	--gf-gradient-l: #B48D6E;
	--gf-gradient-r: #007eb5;

	/* --gf-gradient: linear-gradient(to right, #B48D6E 0%, #007eb5 20%); */

	--gf-gradient: linear-gradient(to right, #946B4C 0%, #0172a4 30%);

	--icon-gradient: linear-gradient(to right, #B17443 0%, #043347 60%);
}