/**
 * Design tokens — fokwasiaka.com
 *
 * Taken from the CURRENT site (read on 15 Oct 2026, Divi 5.7 global settings).
 * This is Fokwa's own identity. Do not import anything from amasoai.com.
 *
 * Current identity kept:  Alegreya headings (800–900), Georgia body,
 *                         one accent blue #1066c2, black / white, 8px radius,
 *                         black footer, white sections.
 * Refined for "simplicity and finesse": larger body text, darker text for
 *                         contrast, softer card shadow, more white space.
 *
 * Keep these in sync with Divi 5 global colours / fonts / variables.
 */

:root {
	/* Colours (current site) */
	--fk-accent: #1066c2;          /* Divi primary + link colour */
	--fk-accent-dark: #0c4f96;     /* hover, derived */
	--fk-accent-soft: #eaf2fb;     /* tinted background, derived */
	--fk-ink: #000000;             /* headings */
	--fk-text: #333333;            /* body text (was #666666: refined for contrast) */
	--fk-text-muted: #666666;      /* secondary text (current body colour) */
	--fk-line: #e2e2e2;            /* current page grey, used for rules */
	--fk-bg: #ffffff;
	--fk-bg-dark: #000000;         /* current footer */
	--fk-on-dark: #ffffff;
	--fk-on-dark-muted: #cccccc;   /* secondary text on black (13:1 contrast) */
	--fk-whatsapp: #25d366;

	/* Typography (current site) */
	--fk-font-heading: "Alegreya", Georgia, serif;
	--fk-font-body: Georgia, "Times New Roman", serif;
	--fk-weight-heading: 800;
	--fk-weight-display: 900;

	/* Type scale — mobile first, fluid */
	--fk-size-body: 1.0625rem;                          /* 17px (was 14px) */
	--fk-size-small: 0.9375rem;                         /* 15px */
	--fk-size-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	--fk-size-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
	--fk-size-h1: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
	--fk-leading: 1.7;                                  /* current 1.7em */
	--fk-leading-tight: 1.15;

	/* Space — generous white space is part of the finesse */
	--fk-space-1: 0.5rem;
	--fk-space-2: 1rem;
	--fk-space-3: 1.5rem;
	--fk-space-4: 2rem;
	--fk-space-5: 3rem;
	--fk-space-6: 4.5rem;
	--fk-space-7: 6.5rem;

	/* Layout (current Divi content width) */
	--fk-container: 1080px;
	--fk-measure: 65ch;            /* max line length for reading */

	/* Shape (current site) */
	--fk-radius: 8px;
	--fk-border: 1px solid var(--fk-line);
	--fk-border-accent: 1px solid var(--fk-accent);
	--fk-shadow: 0 2px 18px rgba(0, 0, 0, 0.08);   /* was 0.3: softened */
	--fk-shadow-hover: 0 6px 28px rgba(0, 0, 0, 0.12);

	--fk-transition: 180ms ease;
}