/* ============================================================
   terramedis GmbH — CSS Custom Properties
   ============================================================ */

:root {
  /* --- Colour Palette --- */
  --color-bg:           #faf6f3;
  --color-bg-alt:       #f0e6e0;
  --color-bg-dark:      #2d4a3e;

  --color-primary:      #2d4a3e;   /* forest green — CTAs, accents */
  --color-primary-dark: #1e332b;   /* hover state */
  --color-primary-light:#3d6153;   /* lighter green tint */

  --color-text:         #1a1a1a;
  --color-text-muted:   #6b5c55;
  --color-text-inverse: #faf6f3;

  --color-border:       #ddd0c8;
  --color-border-light: #ede3dc;

  /* --- Typography --- */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Jost', system-ui, sans-serif;

  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;

  /* Fluid type scale */
  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.85rem + 0.125vw, 0.9375rem);
  --text-base: clamp(1rem,     0.95rem + 0.25vw,  1.125rem);
  --text-md:   clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);
  --text-lg:   clamp(1.25rem,  1.1rem  + 0.75vw,  1.5rem);
  --text-xl:   clamp(1.5rem,   1.25rem + 1.25vw,  2rem);
  --text-2xl:  clamp(2rem,     1.5rem  + 2.5vw,   3rem);
  --text-3xl:  clamp(2.75rem,  2rem    + 3.75vw,  4.5rem);
  --text-4xl:  clamp(3.5rem,   2.5rem  + 5vw,     6rem);

  /* --- Spacing --- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3.5rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* --- Layout --- */
  --container-max:    1200px;
  --container-narrow: 760px;
  --container-wide:   1400px;

  /* --- Borders & Radii --- */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;

  /* --- Transitions --- */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:   cubic-bezier(0.64, 0, 0.78, 0);
  --duration:  0.35s;
  --duration-slow: 0.65s;

  /* --- Shadows --- */
  --shadow-sm: 0 1px 3px rgba(45, 74, 62, 0.06);
  --shadow-md: 0 4px 16px rgba(45, 74, 62, 0.08);
  --shadow-lg: 0 12px 40px rgba(45, 74, 62, 0.10);
}