/*
 * Design tokens — source of truth is DESIGN.md.
 * Industrial Premium x Dark Enterprise x Engineering Architecture.
 */

:root {
	/* Background */
	--ark-bg-950: #050C12;
	--ark-bg-900: #07111A;
	--ark-bg-850: #0A141E;
	--ark-bg-800: #0C1721;

	/* Surfaces */
	--ark-surface-700: #101C26;
	--ark-surface-650: #14222E;
	--ark-surface-glass: rgba(12, 23, 33, 0.88);

	/* Text */
	--ark-text-primary: #F3F5F7;
	--ark-text-secondary: #A6B0BA;
	--ark-text-muted: #72808C;

	/* Borders */
	--ark-border-soft: rgba(150, 170, 185, 0.16);
	--ark-border-medium: rgba(150, 170, 185, 0.26);
	--ark-border-titanium: rgba(166, 159, 147, 0.48);

	/* Engineering direction accents (micro-accent use only — DESIGN.md §7) */
	--ark-accent-ventilation: #5D8FBF;
	--ark-accent-conditioning: #79C7F2;
	--ark-accent-heating: #B56A45;
	--ark-accent-electrical: #C7923A;
	--ark-accent-low-current: #7D82B8;
	--ark-accent-service: #4F8B6A;

	/* Typography */
	--ark-font-sans: "Manrope", "Inter", "Segoe UI", Arial, sans-serif;
	/*
	 * Local fonts connected (assets/css/fonts.css). H1 sizing/line-fit in
	 * hero.css verified against real Cormorant Garamond — see hero.css.
	 */
	--ark-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;

	/* Type scale (desktop, fluid within DESIGN.md ranges) */
	/* ~57.6px at 1440px, ~67px at 1920px — extra safety margin over stage1b
	   so "Инженерные системы" holds one line even on browsers that fall back
	   further than Georgia for the Cormorant Garamond stack (stage1c pass). */
	--ark-fs-hero-h1: clamp(2.1rem, 1.8rem + 2vw, 4.5rem);
	--ark-fs-h2: clamp(1.9rem, 1.5rem + 1.4vw, 3rem);
	--ark-fs-h3: clamp(1.4rem, 1.2rem + 0.6vw, 1.875rem);
	--ark-fs-card-title: 1.15rem;
	--ark-fs-body: 1rem;
	--ark-fs-meta: 0.85rem;

	/* Radius */
	--ark-radius-sm: 8px;
	--ark-radius-md: 10px;
	--ark-radius-lg: 14px;

	/* Vertical rhythm */
	--ark-space-section-lg: clamp(64px, 5vw + 32px, 112px);
	/* ~20% under -lg — used only between mid-page sections that were
	   stacking two full -lg gaps back to back (global rhythm polish). */
	--ark-space-section-compact: clamp(52px, 4vw + 26px, 88px);
	--ark-space-section-md: clamp(48px, 4vw + 24px, 80px);
	--ark-space-section-sm: clamp(32px, 3vw + 16px, 56px);

	/* Grid / container */
	--ark-container-max: 1480px;
	--ark-container-pad: 32px;

	/*
	 * Primary CTA — Machined Titanium.
	 * Mid/bottom stops darkened from the original DESIGN.md values so white
	 * button text clears ~4.5:1 contrast on its own (stage1b pass) — the
	 * text-shadow on .ark-btn--primary is now a secondary polish effect,
	 * not the primary way to keep the label readable. Hover only lifts the
	 * top stop (sheen highlight) so contrast never regresses on hover/focus.
	 */
	--ark-cta-primary-bg: linear-gradient(180deg, #AFA79C 0%, #7A7367 44%, #5C564C 100%);
	--ark-cta-primary-bg-hover: linear-gradient(180deg, #B7AFA4 0%, #7A7367 44%, #5C564C 100%);
	--ark-cta-primary-border: rgba(255, 255, 255, 0.14);
	--ark-cta-primary-shadow: 0 10px 30px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22);

	/* Motion */
	--ark-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--ark-duration-reveal: 600ms;

	/* Fixed-element offsets — kept current by the elements themselves
	   (assets/js/cookie-consent.js), consumed by anything that must not
	   render underneath them (base.css, back-to-top.css). */
	--cookie-banner-height: 0px;
}