/*
 * Akım 360 — brand tokens.
 *
 * The project's rebrand surface. Unlayered :root, so these values beat the
 * parent's @layer theme without a build step: every Talim utility and
 * component is bound to var(--color-*).
 *
 * Design language: light stage, deep navy, electric lime, generous radii,
 * Red Hat Display. The values were taken from the reference the client chose
 * (kaantracker.com) rather than approximated by eye — see DECISIONS.md K-15.
 *
 * Every pair below is measured; the parent's build guard rejects a palette
 * that drops under 4.5:1. Mirror palette changes in theme.json.
 */

:root {
	/* --- Ink and surfaces ------------------------------------------- */
	--color-ink: #1F212A;            /* 16.0:1 on surface */
	--color-muted: #697172;          /*  5.0:1 on surface, 4.7:1 on surface-alt */
	--color-surface: #FFFFFF;
	--color-surface-alt: #F5F7F9;
	--color-line: #E4E8EC;

	/* --- Action -------------------------------------------------------
	 * Deep navy carries the brand; white on it is 11.6:1.
	 */
	--color-primary: #263470;
	--color-primary-hover: #1B2653;

	/* --- Feedback ---------------------------------------------------- */
	--color-danger: #C62828;

	/* --- Type and shape ----------------------------------------------
	 * Red Hat Display: geometric, wide apertures, and a genuine 300–900
	 * range so a headline can mix light and heavy in one line. Radii are
	 * generous — pills for actions, 1rem+ for surfaces.
	 */
	--font-sans: "Red Hat Display", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--radius-card: 1rem;
}

/*
 * Project-only variables.
 *
 * Dark surfaces and the accent are deliberately NOT part of the Talim token
 * set: the parent has no dark-section concept, and inventing one there would
 * be a project decision leaking into the framework.
 */

:root {
	--akim-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

	/* Electric lime: the accent. Ink on it is 14.0:1, so it carries text. */
	--akim-signal: #D0FE91;
	--akim-signal-koyu: #B4EF63;

	--akim-deep: #1F212A;            /* dark section base */
	--akim-deep-2: #272A35;          /* raised dark surface */
	--akim-on-deep: #F5F7F9;         /* 15.6:1 on deep */
	--akim-dim: #A2A8AE;             /*  7.4:1 on deep */
	--akim-line-deep: #333743;

	/*
	 * WhatsApp green. NOT the brand's own #25D366: white text on it is 1.9:1.
	 * #0E8043 is the darkest value that still reads as WhatsApp while carrying
	 * white text at 5.0:1. The previous #128C4A measured 4.31:1 and failed the
	 * live Lighthouse audit — see DECISIONS.md K-17.
	 */
	--akim-wa: #0E8043;              /* white on it 5.0:1 */
	--akim-wa-hover: #0B6935;        /* white on it 6.8:1 */
	--akim-wa-parlak: #1AA85A;       /* on navy; #06210F on it 5.5:1 */
	--akim-wa-parlak-ink: #06210F;

	/*
	 * Motion scale. Three durations, one easing family — a page where every
	 * element picks its own timing reads as unfinished rather than lively.
	 * The decelerating curve is the reference's: fast start, long settle.
	 */
	--akim-hiz-hizli: 160ms;
	--akim-hiz-orta: 300ms;          /* the reference's own duration */
	--akim-hiz-panel: 420ms;
	--akim-egri: cubic-bezier(0.22, 1, 0.36, 1);   /* MOTION.md */
	--akim-egri-yumusak: cubic-bezier(0.4, 0, 0.2, 1);   /* the reference's own curve */

	/*
	 * Header chrome, read off the reference's live computed styles rather than
	 * guessed from a screenshot: the actions card is a 12px translucent grey
	 * panel, and the controls inside it are 8px — not pills. The card being
	 * semi-transparent is what makes the header read as part of the page.
	 */
	--akim-radius-kontrol: 8px;
	--akim-radius-kart-ust: 12px;
	--akim-baslik-kart: rgb(236 238 244 / 0.5);

	/* Menu icons, masked so they inherit currentColor. */
	--akim-ikon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
	--akim-ikon-capraz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");

	/*
	 * The page surface the header and hero share. It starts at the tinted
	 * value and fades to white where the content begins, so the header can be
	 * transparent and still meet the hero without a seam — the reference has
	 * one continuous surface at the top of the page, not a white header bar
	 * sitting on a tinted hero.
	 */
	--akim-sahne-ust: #F5F7F9;
	--akim-sahne: linear-gradient(180deg, #F5F7F9 0%, #FBFCFC 46%, #FFFFFF 100%);

	--akim-radius-hap: 100em;        /* pill */
	--akim-radius-yumusak: 1rem;
	--akim-radius-genis: 1.75rem;

	/*
	 * Turkish typography guard (DECISIONS.md K-14).
	 *
	 * Multi-line display headings never go below 1.02: at 0.92 the descender
	 * of ğ/ş/ç collides with the dots of İ/Ö/Ü on the line above. This is
	 * invisible in English copy and unavoidable in Turkish.
	 */
	--akim-lh-display: 1.06;
	--akim-lh-display-single: 0.98;
}