/*
Theme Name: KORNER
Theme URI: https://korneri.ge/
Author: KORNER
Author URI: https://korneri.ge/
Description: KORNER — custom sportswear, footwear and accessories catalogue theme for Georgian retail. Georgian-first, mobile-first, dependency-free. Requires the KORNER Core plugin for its data model.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: korner
Tags: custom-theme, e-commerce, catalog, accessibility-ready, translation-ready
*/

/*
 * This file holds ONLY the theme header and the design tokens.
 * Component CSS lives in assets/css/main.css and is enqueued from inc/setup.php.
 *
 * DESIGN NOTES
 * ------------
 * The palette is high-contrast near-black on a warm off-white with a single
 * decisive accent, because that is how sportswear retail actually looks on a
 * shelf: the product carries the colour, the page does not compete with it.
 *
 * Radii are small (2–4px). Sportswear is engineered, not soft; heavily rounded
 * cards read as a SaaS dashboard.
 *
 * Georgian has no uppercase. `text-transform: uppercase` therefore does nothing
 * to ქართული and is only ever applied to classes that are guaranteed Latin
 * (brand names, size codes, "SALE"). Georgian headings get their emphasis from
 * weight and tracking instead.
 *
 * Accent, ink and sale colours are overwritten at runtime by an inline block
 * built from KORNER → პარამეტრები, so the shop can align them with its own
 * identity without touching this file.
 */

:root {
	/* ---- Ink & surfaces ---- */
	--k-ink:        #0a0b0d;
	--k-ink-soft:   #1c1e22;
	--k-mute:       #6b7079;
	--k-mute-soft:  #9a9ea6;
	--k-line:       #e4e4e0;
	--k-line-soft:  #efefec;
	--k-bg:         #ffffff;
	--k-bg-warm:    #f5f5f2;
	--k-bg-tile:    #f2f2ef;
	--k-inverse:    #ffffff;

	/* ---- Brand ---- */
	--k-accent:     #d9ff3c;
	--k-accent-ink: #0a0b0d;
	--k-accent-dim: #c2e534;
	--k-sale:       #ff3b30;
	--k-sale-ink:   #ffffff;
	--k-ok:         #128a4a;

	/* ---- Type ----
	 * System-first. Sylfaen ships Georgian on Windows, Noto Sans Georgian on
	 * Android and most Linux, and the Apple system font covers Georgian on
	 * macOS/iOS. That is full coverage with zero network requests. A web font
	 * is available as an opt-in setting for shops that want it.
	 */
	--k-font: "Noto Sans Georgian", "BPG Arial", -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Sylfaen, system-ui, sans-serif;
	--k-font-num: "SF Mono", ui-monospace, "Segoe UI Mono", "Roboto Mono", monospace;

	--k-fs-xs:   0.75rem;
	--k-fs-sm:   0.8125rem;
	--k-fs-base: 0.9375rem;
	--k-fs-md:   1.0625rem;
	--k-fs-lg:   1.25rem;
	--k-fs-xl:   1.625rem;
	--k-fs-2xl:  2.25rem;
	--k-fs-3xl:  3rem;
	--k-fs-4xl:  4rem;

	--k-lh-tight: 1.08;
	--k-lh-snug:  1.28;
	--k-lh-body:  1.6;

	/* ---- Space (4px base) ---- */
	--k-1:  0.25rem;
	--k-2:  0.5rem;
	--k-3:  0.75rem;
	--k-4:  1rem;
	--k-5:  1.25rem;
	--k-6:  1.5rem;
	--k-8:  2rem;
	--k-10: 2.5rem;
	--k-12: 3rem;
	--k-16: 4rem;
	--k-20: 5rem;
	--k-24: 6rem;

	/* ---- Geometry ---- */
	--k-radius:    2px;
	--k-radius-lg: 4px;
	--k-radius-pill: 999px;
	--k-border: 1px solid var(--k-line);

	/* ---- Layout ---- */
	--k-max:     1440px;
	--k-max-text: 68ch;
	--k-gutter:  1rem;
	--k-header-h: 60px;

	/* ---- Elevation. Used sparingly: two levels, no coloured glows. ---- */
	--k-shadow-1: 0 1px 2px rgba(10, 11, 13, 0.06);
	--k-shadow-2: 0 8px 28px rgba(10, 11, 13, 0.12);

	/* ---- Motion ---- */
	--k-fast: 120ms cubic-bezier(0.2, 0, 0.2, 1);
	--k-base: 220ms cubic-bezier(0.2, 0, 0.2, 1);

	--k-z-header:  100;
	--k-z-drawer:  200;
	--k-z-overlay: 300;
}

@media (min-width: 768px) {
	:root {
		--k-gutter: 1.5rem;
		--k-header-h: 72px;
	}
}

@media (min-width: 1200px) {
	:root {
		--k-gutter: 2.5rem;
	}
}