@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700;800&family=Karla:wght@400;500;600;700&display=swap');


:root {
  --mark: #C77B57;
  --mark-light: #DDAA8A;
  --mark-dark: #A35838;
  --mark2: #9FB8AD;
  --mark2-light: #C1D3CC;
  --mark2-dark: #7D9A8E;
  --grey-darker: #2A2A2A;
  --grey-dark: #444444;
  --grey: #888888;
  --grey-light: #CCCCCC;
  --grey-lighter: #F2F2F2;
	--black:#000;
	--white:#fff;
  --red: #C94F4F;
  --red-light: #E07A7A;
  --red-dark: #9B3B3B;
  --green: #7D9A8E;
  --green-light: #A8C1B7;
  --green-dark: #5D776D;
  --yellow: #E6C160; 
  --font-family-header: 'Fraunces', serif;
  --font-family-header-light: 400;
  --font-family-header-regular: 500;
  --font-family-header-medium: 600;
  --font-family-header-bold: 700;
  --font-family-header-extra-bold: 800;
  --font-family-text: 'Karla', sans-serif;
  --font-family-text-light: 400;
  --font-family-text-regular: 500;
  --font-family-text-medium: 600;
  --font-family-text-bold: 700;
	--font-family-icon-google: 'Material Symbols Outlined';
	scroll-behavior: smooth;
}
body.dark_mode {
	--mark:#EF5350;
	--mark-light:#E57373;
	--mark-dark:#F44336;
	--mark2:var(--mark);
	--mark2-light:var(--mark-light);
	--mark2-dark:var(--mark-dark);
	--grey-dark:#f1f2f6;
	--grey-darker:#ccc;
	--grey:#888888;
	--grey-light:#424242;
	--grey-lighter:#272727;
	--black:#dedede;
	--white:#141414;
	--red:#f00;
	--yellow:#ff0;
}
.fs-smallest {font-size:clamp(0.6rem, 1.2vw, 0.8rem);line-height:1.4;}
.fs-small {font-size:clamp(0.8rem, 1.5vw, 1.0rem);line-height:1.5;}
.fs-normal {font-size:clamp(1rem, 2vw, 1.4rem);line-height:1.6;}
.fs-big {font-size:clamp(1.4rem, 3vw, 1.8rem);line-height:1.4;}
.fs-bigger {font-size:clamp(1.8rem, 4vw, 2.2rem);line-height:1.3;}
.fs-biggest {font-size:clamp(2.2rem, 5vw, 2.6rem);line-height:1.2;}
.fs-08 {font-size:.8rem;line-height:1.4;}
.fs-09 {font-size:.9rem;line-height:1.4;}
.fs-10 {font-size:1rem;line-height:1.5;}
.fs-11 {font-size:1.1rem;line-height:1.5;}
.fs-12 {font-size:1.2rem;line-height:1.5;}
.fs-13 {font-size:1.3rem;line-height:1.5;}
.fs-14 {font-size:1.4rem;line-height:1.4;}
.fs-15 {font-size:1.5rem;line-height:1.4;}
.fs-16 {font-size:1.6rem;line-height:1.3;}
.fs-17 {font-size:1.7rem;line-height:1.3;}
.fs-18 {font-size:1.8rem;line-height:1.3;}
.fs-19 {font-size:1.9rem;line-height:1.2;}
.fs-20 {font-size:2rem;line-height:1.2;}
.fs-21 {font-size:2.1rem;line-height:1.2;}
.fs-22 {font-size:2.2rem;line-height:1.2;}
.fs-23 {font-size:2.3rem;line-height:1.1;}
.fs-24 {font-size:2.4rem;line-height:1.1;}
.fs-25 {font-size:2.5rem;line-height:1.1;}
.fs-26 {font-size:2.6rem;line-height:1.1;}
.fs-27 {font-size:2.7rem;line-height:1.1;}
.fs-28 {font-size:2.8rem;line-height:1.1;}
.fs-29 {font-size:2.9rem;line-height:1.1;}
.fs-30 {font-size:3rem;line-height:1.0;}
.fs-35 {font-size:3.5rem;line-height:1.0;}
.fs-40 {font-size:4rem;line-height:1.0;}
.fs-45 {font-size:4.5rem;line-height:0.9;}
.fs-50 {font-size:5rem;line-height:0.9;}
.fs-55 {font-size:5.5rem;line-height:0.9;}
.fs-60 {font-size:6rem;line-height:0.9;}
.fs-70 {font-size:7rem;line-height:0.85;}
.fs-80 {font-size:8rem;line-height:0.85;}
.fs-90 {font-size:9rem;line-height:0.85;}
.fs-100 {font-size:10rem;line-height:0.85;}