/* COLOURS */

@property --back-color {
	syntax: "<color>";
	initial-value: white;
	inherits: true;
}

@property --back-titulus-color {
	syntax: "<color>";
	initial-value: #E9DED4;
	inherits: true;
}

@property --fore-color {
	syntax: "<color>";
	initial-value: black;
	inherits: true;
}

@property --logo-color {
	syntax: "<color>";
	initial-value: #595653;
	inherits: false;
}

@property --text-color {
	syntax: "<color>";
	initial-value: #313131;
	inherits: false;
}

@property --text-color-70 {
	syntax: "<color>";
	initial-value: #313131b3;
	inherits: false;
}

@property --blue-248 {
	syntax: "<color>";
	initial-value: #3057A2;
	inherits: false;
}

@property --gray-12 {
	syntax: "<color>";
	initial-value: #1F1F1F;
	inherits: false;
}

@property --gray-51 {
	syntax: "<color>";
	initial-value: #828282;
	inherits: false;
}

@property --gray-82 {
	syntax: "<color>";
	initial-value: #D0D0D0;
	inherits: false;
}

@property --gray-84 {
	syntax: "<color>";
	initial-value: #D6D6D6;
	inherits: false;
}

@property --orange-2 {
	syntax: "<color>";
	initial-value: #FBCE51;
	inherits: false;
}

@property --red {
	syntax: "<color>";
	initial-value: #F54932;
	inherits: false;
}

/* TYPOGRAFY */

@property --accent-font {
	syntax: "<custom-ident>#";
	initial-value: merriweather, sans-serif;
	inherits: false;
}

@property --default-font {
	syntax: "<custom-ident>#";
	initial-value: golos-text, system-ui;
	inherits: false;
}

@property --text-size {
	syntax: "*";
	initial-value: 2rem;
	inherits: false;
}

@property --text-lg {
	syntax: "*";
	initial-value: 3.6rem;
	inherits: false;
}

@property --text-xl {
	syntax: "*";
	initial-value: 5.4rem;
	inherits: false;
}