/* ==========================================================================
   KUDLA.LT — design system tokens (extracted from Figma "KUDLA.LT")
   ========================================================================== */

:root {
	/* -- palette ------------------------------------------------------------ */
	--k-cream:    #F9F4EE;   /* page background, light surface            */
	--k-sand:     #E4DDCB;   /* filled text cards, textareas, selected row */
	--k-beige:    #C5B59E;   /* secondary accent, progress-bar track      */
	--k-espresso: #433A35;   /* dark warm text, selected calendar day     */
	--k-ink:      #171817;   /* headings, primary text                    */
	--k-black:    #262626;   /* CTA buttons, pure dark sections           */
	--k-taupe:    #817A70;   /* muted / secondary text, labels            */
	--k-brown:    #34302D;   /* small bold links                          */
	--k-white:    #ffffff;
	--k-pure:     #000000;   /* Figma announce bar / nav links / marquee  */
	--k-line:     #D9D2C6;   /* hairline borders on cream                 */
	--k-line-soft:#E9E3D8;

	/* semantic aliases */
	--k-bg:        var(--k-cream);
	--k-surface:   var(--k-white);
	--k-text:      var(--k-ink);
	--k-text-muted:var(--k-taupe);
	--k-heading:   var(--k-ink);
	--k-accent:    var(--k-beige);

	/* -- type ------------------------------------------------------------- */
	--k-font-sans:  "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--k-font-serif: "Playfair Display", ui-serif, Georgia, "Times New Roman", serif;
	--k-font-lusitana: "Lusitana", ui-serif, Georgia, serif;

	--k-fs-label:  0.6875rem;  /* 11 — uppercase tracked labels */
	--k-fs-small:  0.75rem;    /* 12 */
	--k-fs-body-s: 0.8125rem;  /* 13 — card descriptions */
	--k-fs-body:   0.9375rem;  /* 15 — body / subtitles  */
	--k-fs-body-l: 1.0625rem;  /* 17 */
	--k-fs-card:   1.125rem;   /* 18 — card titles, prices */
	--k-fs-h3:     1.5rem;     /* 24 */
	--k-fs-h2:     clamp(1.5rem, 1rem + 2vw, 2.125rem);   /* ~24–34 */
	--k-fs-h1:     clamp(2rem, 1.2rem + 3.4vw, 3rem);     /* ~32–48 */
	--k-fs-display: clamp(2.4rem, 1rem + 6vw, 4.75rem);   /* hero  */

	--k-lh-tight: 1.15;
	--k-lh-snug:  1.3;
	--k-lh-body:  1.62;
	--k-tracking-label: 0.14em;
	--k-tracking-caps:  0.08em;

	/* -- spacing / rhythm ---------------------------------------------------- */
	--k-space-1: 4px;
	--k-space-2: 8px;
	--k-space-3: 12px;
	--k-space-4: 16px;
	--k-space-5: 24px;
	--k-space-6: 32px;
	--k-space-7: 48px;
	--k-space-8: 64px;
	--k-space-9: 96px;
	--k-space-10: 140px;

	--k-container: 1440px;
	--k-gutter:    clamp(20px, 5vw, 90px);
	--k-section-y: clamp(64px, 9vw, 140px);

	--k-radius:    2px;   /* the design is near-square; buttons/cards barely round */
	--k-radius-pill: 999px;

	--k-shadow-sm: 0 1px 2px rgba(23, 24, 23, 0.06);
	--k-shadow-md: 0 18px 50px -24px rgba(23, 24, 23, 0.28);

	--k-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--k-dur:  0.5s;

	--k-header-h: 100px;
	--k-announce-h: 36px;
	--k-z-header: 900;
	--k-z-drawer: 1000;
	--k-z-loader: 2000;
}

@media (prefers-reduced-motion: reduce) {
	:root { --k-dur: 0.01ms; }
}