/* Gesundheitswerkstatt, base palette, fonts, reset.
   Palette sourced from wp-content/themes/gw_new/direction-a-warm.jsx (A_PALETTE). */

:root {
	/* Core palette */
	--gw-bg:            #f3ede1;
	--gw-surface:       #faf6ec;
	--gw-ink:           #23211c;
	--gw-muted:         #6e6354;
	--gw-sage:          #cdd4bf;
	--gw-accent:        #1b8c87;
	--gw-accent-deep:   #136a66;
	--gw-forest:        #384032;
	--gw-forest-soft:   #b28a5d;
	--gw-cream:         #e6dcc7;
	--gw-hairline:      #dccfb6;
	--gw-turquoise:     #1b8c87;
	--gw-turquoise-deep:#136a66;
	--gw-clay:          #ecd5b4;
	--gw-clay-deep:     #8a5d3f;

	/* Photo placeholder tones (striped backgrounds in the design) */
	--gw-tone-sand:     #e8e0d2;
	--gw-tone-sage:     #dde2d6;
	--gw-tone-cream:    #f3ecdf;
	--gw-tone-forest:   #2e3a30;
	--gw-tone-blush:    #ecdcd0;
	--gw-tone-stone:    #dcd6cc;

	/* Typography */
	--gw-font-serif:    "Fraunces", "Cormorant Garamond", Georgia, serif;
	--gw-font-display:  "Instrument Serif", "Fraunces", Georgia, serif;
	--gw-font-sans:     "Inter Tight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--gw-font-mono:     "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

	/* Spacing scale */
	--gw-pad-section-y: 80px;
	--gw-pad-section-x: 56px;
	--gw-max-content:   1280px;

	/* Radii */
	--gw-radius-sm: 6px;
	--gw-radius-md: 10px;
	--gw-radius-pill: 999px;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
	margin: 0;
	padding: 0;
	background: var(--gw-bg);
	color: var(--gw-ink);
	font-family: var(--gw-font-sans);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--gw-accent-deep); }
button { font: inherit; cursor: pointer; }

/* Display headings, Fraunces serif, tight tracking */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--gw-font-serif);
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.05;
	margin: 0;
}

p { margin: 0; }

/* Italic emphasis used inside hero headlines */
.gw-em {
	font-style: italic;
	color: var(--gw-accent-deep);
}

::selection { background: var(--gw-accent); color: #fff; }

:focus-visible {
	outline: 2px solid var(--gw-accent);
	outline-offset: 2px;
}

html[lang] { scroll-padding-top: 100px; }