/**
 * Aether — Design Tokens.
 * Einzige Quelle der Wahrheit für Farben, Typo, Spacing, Radius, Schatten.
 * Komponenten referenzieren NUR diese Variablen — keine hartkodierten Werte.
 */

:root {
	/* --- Farbwelt: Laguna (Sand/Creme + Türkis) --- */
	--color-background: #faf7f1;   /* Warmweiß */
	--color-surface:    #f3ede3;   /* Creme */
	--color-sand:       #e7ddcc;
	--color-greige:     #c9beac;
	--color-ink:        #2c2a25;   /* Anthrazit-Braun (Text) */
	--color-muted:      #635c51;   /* Gedämpfter Text (a11y: 4.5:1 auch auf Sand) */
	--color-line:       rgba(44, 42, 37, 0.12);
	--color-accent:     #7eb9b0;   /* Türkis (vom Customizer überschreibbar) */
	--color-accent-ink: #244f49;   /* dunkles Türkis für Text auf hell */
	--color-sage:       #9ca99a;
	--color-brown:      #8a6e55;
	--color-gold:       #c9a15a;   /* Golden Hour */
	--color-white:      #ffffff;

	/* Kontrast/On-Color */
	--color-on-accent:  #14312d;
	--color-on-dark:    #f6f1e8;

	/* --- Typografie --- */
	--font-serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
	--font-sans:  "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--fs-100: 0.8125rem;                                  /* 13px – Meta */
	--fs-200: 0.9375rem;                                  /* 15px – klein */
	--fs-300: clamp(1rem, 0.98rem + 0.15vw, 1.0625rem);  /* Fließtext */
	--fs-400: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);   /* Lead */
	--fs-500: clamp(1.35rem, 1.1rem + 1.2vw, 1.75rem);
	--fs-600: clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem);
	--fs-700: clamp(2.25rem, 1.5rem + 3.6vw, 4rem);
	--fs-800: clamp(2.75rem, 1.6rem + 5.4vw, 5.5rem);    /* Display */

	--lh-tight: 1.08;
	--lh-snug:  1.25;
	--lh-body:  1.7;

	--tracking-wide: 0.18em;   /* Eyebrows / Labels */
	--tracking-mid:  0.04em;
	--tracking-tight: -0.01em;

	/* --- Spacing-Skala (fluid) --- */
	--space-2xs: clamp(0.5rem, 0.45rem + 0.2vw, 0.625rem);
	--space-xs:  clamp(0.75rem, 0.65rem + 0.4vw, 1rem);
	--space-sm:  clamp(1rem, 0.85rem + 0.6vw, 1.5rem);
	--space-md:  clamp(1.5rem, 1.2rem + 1.4vw, 2.5rem);
	--space-lg:  clamp(2.5rem, 1.8rem + 3vw, 4rem);
	--space-xl:  clamp(4rem, 2.8rem + 5vw, 7rem);
	--space-2xl: clamp(6rem, 4rem + 8vw, 11rem);

	/* --- Layout --- */
	--container:      1200px;
	--container-wide: 1440px;
	--container-read: 760px;
	--gutter: clamp(1.25rem, 5vw, 4rem);

	/* --- Radius --- */
	--radius-sm:    8px;
	--radius-md:    16px;
	--radius-large: 28px;
	--radius-pill:  999px;

	/* --- Schatten (weich, editorial) --- */
	--shadow-soft:  0 10px 40px -18px rgba(44, 42, 37, 0.35);
	--shadow-lift:  0 30px 80px -40px rgba(44, 42, 37, 0.5);
	--shadow-inset: inset 0 0 0 1px var(--color-line);

	/* --- Glassmorphism (Header) --- */
	--glass-bg:     rgba(250, 247, 241, 0.72);
	--glass-blur:   16px;
	--glass-border: rgba(255, 255, 255, 0.45);

	/* --- Motion --- */
	--ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
	--ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-fast:   0.25s;
	--dur-mid:    0.5s;
	--dur-slow:   0.9s;

	/* --- Z-Index --- */
	--z-header:  100;
	--z-nav:     120;
	--z-overlay: 200;
}