/**
 * conrat-theme.css – Sitewide Rebrand (Phase 1: Tokens)
 *
 * Überschreibt die Reykjavik-CSS-Variablen auf den Creme/Rot-Editorial-Look.
 * Lädt mit Abhängigkeit auf den Theme-Handle 'reykjavik' → nach den
 * Theme-Inline-Variablen, daher gewinnt dieser :root-Block.
 *
 * Palette 1:1 aus ki-use-cases.css.
 */
:root{
	/* Akzent */
	--color_accent:#CC785C;
	--color_accent_text:#ffffff;

	/* Header */
	--color_header_background:#F5F1E8;
	--color_header_text:#5b564b;
	--color_header_headings:#23201A;
	--color_header_border:#E0D9CA;

	/* Intro / Hero */
	--color_intro_background:#F5F1E8;
	--color_intro_text:#5b564b;
	--color_intro_headings:#23201A;
	--color_intro_border:#E0D9CA;
	--color_intro_overlay_background:#23201A;
	--color_intro_overlay_text:#FCFBF7;

	/* Intro-Widgets-Band (auch unsere "Drei Wege"-Sektion) */
	--color_intro_widgets_background:#F5F1E8;
	--color_intro_widgets_text:#5b564b;
	--color_intro_widgets_headings:#23201A;
	--color_intro_widgets_border:#E0D9CA;

	/* Inhalt */
	--color_content_background:#FCFBF7;
	--color_content_text:#5b564b;
	--color_content_headings:#23201A;
	--color_content_border:#E0D9CA;

	/* Footer – dunkles Ink, wie der Rubrik-CTA */
	--color_footer_background:#23201A;
	--color_footer_text:#d8d2c4;
	--color_footer_headings:#FCFBF7;
	--color_footer_border:rgba(216,210,196,0.2);

	/* Typografie */
	--typography_fonts_text:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
	--typography_fonts_headings:"Spectral",Georgia,serif;
	--typography_fonts_logo:"Spectral",Georgia,serif;
}

/* Gesamter Seitenhintergrund cremefarben (für Ränder/Lücken außerhalb der Inhaltsfläche). */
body{background-color:#F5F1E8}

/* Buttons im Theme verlassen sich teils auf Accent – sichern, dass Hover lesbar bleibt. */
.button:hover,.button:focus,
input[type="submit"]:hover,input[type="submit"]:focus{filter:brightness(1.06)}

/* Mobile-Menü-Leiste ("MENÜ"-Toggle, fixiert unten): Reykjavik rendert hier ein
   literales Blau (#273a7d) statt der Accent-Variable – auf Clay zwingen. */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active{background-color:#CC785C !important;color:#ffffff !important}