/*  Design tokens — lifted 1:1 from the Figma board "05 · Dark theme (option B)".
	Values are the ones the board was built with, not eyeballed from a render.
	Figma file: 6GcbeLoz2APeTPNzwycArX
	Do not invent new values here — if a section needs something that is not in
	this file, it is missing from the design and needs a decision first. */

:root {
	/* ---- Surfaces -------------------------------------------------------- */
	--ek-bg-deep: #070b09;   /* header, hero, production, contacts            */
	--ek-bg-mid: #0d120f;    /* product section, table footnote, storage strip */
	--ek-bg-card: #131a16;   /* about + logistics sections, cards, form, rows  */
	--ek-bg-input: #0e1411;  /* form fields                                    */
	--ek-bg-footer: #040705; /* footer                                         */

	/* ---- Lines ----------------------------------------------------------- */
	--ek-line: #28312c;            /* borders on card surfaces                */
	--ek-line-strong: #dde4e0;     /* 2px rule above the four step cards      */
	--ek-line-check: #3a443e;      /* checkbox outline                        */
	--ek-line-onDark: rgba(255, 255, 255, 0.12); /* dividers on deep surfaces */
	--ek-line-onDark-14: rgba(255, 255, 255, 0.14);
	--ek-line-onDark-10: rgba(255, 255, 255, 0.10);
	--ek-line-onDark-16: rgba(255, 255, 255, 0.16);
	--ek-line-ghost: rgba(255, 255, 255, 0.28); /* secondary button outline   */

	/* ---- Type colours ---------------------------------------------------- */
	--ek-text: #f1f5f2;        /* headings on card surfaces                   */
	--ek-text-body: #b9c3bd;   /* body copy on card surfaces                  */
	--ek-text-soft: #94a29b;   /* secondary copy on card surfaces             */
	--ek-text-muted: #8f9e96;  /* labels, table methods                       */
	--ek-text-dim: #6e7c75;    /* captions, copyright                         */
	--ek-text-placeholder: #6c7a73;
	--ek-text-pending: #7e8c85; /* the "[ to be added ]" placeholders          */

	--ek-white: #ffffff;             /* headings on deep surfaces             */
	--ek-text-onDeep: #b7c1bb;       /* body copy on deep surfaces            */
	--ek-text-onDeep-soft: #c6cfca;  /* hero subheadline                      */
	--ek-text-footer-head: #5e6b64;  /* footer column titles                  */
	--ek-text-kpi-label: #9aa8a0;

	/* ---- Accent ---------------------------------------------------------- */
	/* Validation. The board has no error state — it never shows the form after
	   a mistake — so this is the one place the palette is extended rather than
	   read off. Muted enough to sit inside a dark industrial card without
	   turning it into a warning screen, saturated enough to read as "wrong". */
	--ek-danger: #d9655f;          /* error text and field outline             */
	--ek-danger-line: #7c3a3a;     /* notice border                           */
	--ek-danger-bg: rgba(200, 80, 80, 0.10);

	--ek-accent: #22a268;         /* buttons, badges, quote rule              */
	--ek-accent-dot: #2cb374;     /* bullet dots                              */
	--ek-accent-icon: #22945f;    /* equipment icon strokes                   */
	--ek-accent-eyebrow: #9fd9bc; /* eyebrow on deep surfaces                 */
	--ek-accent-text: #3fbe85;    /* eyebrow on card surfaces, step numbers   */

	/* ---- Geometry -------------------------------------------------------- */
	--ek-radius: 2px;             /* every corner in the design               */
	--ek-container: 1200px;
	--ek-gutter: 120px;
	--ek-gutter-mobile: 24px;

	/* ---- Type ramp ------------------------------------------------------- */
	--ek-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	--ek-h1: 46px;      --ek-h1-lh: 1.12;  --ek-h1-ls: -0.026em;   /* hero, board 26:27 */
	--ek-h2: 42px;      --ek-h2-lh: 1.16;  --ek-h2-ls: -0.019em;
	--ek-h2-alt: 40px;  --ek-h2-alt-ls: -0.018em;   /* production heading     */
	--ek-h3: 28px;      --ek-h3-ls: -0.012em;
	--ek-h4: 20px;      --ek-h4-ls: -0.008em;
	--ek-h5: 24px;      --ek-h5-ls: -0.01em;        /* form title             */

	--ek-body-l: 17px;  --ek-body-l-lh: 1.68; --ek-body-l-ls: -0.001em;
	--ek-body-m: 16px;  --ek-body-m-lh: 1.62;
	--ek-body-s: 15px;  --ek-body-s-lh: 1.60;
	--ek-body-xs: 14px;
	--ek-micro: 13px;
	--ek-nano: 12px;

	--ek-eyebrow: 12px;      --ek-eyebrow-ls: 0.12em;
	--ek-label: 11px;        --ek-label-ls: 0.10em;
	--ek-nav: 14px;
	--ek-btn: 15px;

	/* ---- Shadow ---------------------------------------------------------- */
	--ek-shadow-cookie: 0 12px 34px rgba(0, 0, 0, 0.28);

	/* ---- Motion ---------------------------------------------------------- */
	--ek-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--ek-dur: 0.18s;
}

/*  Mobile ramp — from the 390 board. Only the values that actually change. */
@media (max-width: 767px) {
	:root {
		--ek-h1: 30px;      --ek-h1-lh: 1.15;  --ek-h1-ls: -0.022em;
		--ek-h2: 30px;      --ek-h2-ls: -0.016em;
		--ek-h2-alt: 30px;  --ek-h2-alt-ls: -0.016em;
		--ek-h3: 24px;      --ek-h3-ls: -0.011em;
		--ek-h4: 18px;      --ek-h4-ls: -0.007em;
		--ek-h5: 21px;

		--ek-body-l: 16px;  --ek-body-l-lh: 1.66;
		--ek-body-s: 15px;
		--ek-eyebrow: 10.5px;
		--ek-gutter: 24px;
	}
}