/* === Montserrat Schriftarten einbinden (Child-Theme Fonts) === */

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* Variablen definieren */
:root {
	
	--bt-green: #94bf24;
	--bt-blue: #034e7b;
	--bt-grey: #faf7f7;
	--bt-beige: #fef9ee; 
    --bt-breige-light: #fdf3dd;
	--bt-ligth-green: #dfecbd;
	--bt-hover: #5f8a32; /* hover effekt ? */

	--bt-team-beige: #fdf8ed;
    --bt-rahmen-gold: #a37c00;
	
	--primary-color: #ffffff;
	--secondary-color: #818181;
	--accent-color: #5f8a32; /* hover effekt ? */
  
    --bt-background-grey: #F7F7F7; /* page überall background farbe hintergrund */

  /* Typography */
    --font-primary: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
    /* Alias für Rückwärtskompatibilität */
    --bt-font-primary: var(--font-primary);
    --font-family: var(--font-primary);
  
    /* Borders */
    --border-width: 1px;
    --border-style: solid;
    --border-color: var(--bt-green);
    --bt-border: var(--border-width) var(--border-style) var(--border-color);
  
    /* Shadows */
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --bt-shadow-green: 10px 10px 0 var(--bt-light-green);
    --bt-shadow: 10px 10px 0 var(--bt-green); /* vorher 105px → realistisch reduziert */
  }
  
  /* Optional global type setting */
  html {
    font-family: var(--font-primary);
    /* font-synthesis: none;  // wenn du keine synthetischen Fakes (bold/italic) willst */
  }

  /* Basis: 1rem = 16px (siehe html{} style in globals.css) */
  --font-size-body: 1.0625rem;   /* 17px */
  --font-size-body-lg: 1.125rem; /* 18px */
  
  /* Headings Zielbereiche – dokumentarisch */
  --h1-min: 2.0rem;  /* 32px  */
  --h1-max: 3.0rem;  /* 48px  */
  --h2-min: 1.5rem;  /* 24px  */
  --h2-max: 2.0rem;  /* 32px  */
  --h3-min: 1.25rem; /* 20px  */
  --h3-max: 1.5rem;  /* 24px  */
  --h4-min: 0.125rem; /* 20px  */
  --h4-max: 0.015rem;  /* 24px  */

  /* UI‑Text */
  --nav-size: 1rem;       /* 16px */
  --btn-size-sm: 0.875rem;/* 14px */
  --btn-size-md: 1rem;    /* 16px */
  --btn-size-lg: 1.125rem;/* 18px */  
  
  --p-mobile: 1.25rem; /* 20px */
  --h1-mobile: 2.0rem;
  --h2-mobile: 1.5rem;
  --h3-mobile: 1.2rem;
  
}