/**
 * SmartiBook design tokens — Redesign 2026.
 *
 * Single source of truth for color, radius and elevation, extracted from the
 * Figma master frame "Product Page V4 - Mobile" (163:1036). Every child-theme
 * module and shortcode should derive its values from here — no ad-hoc hex.
 *
 * Loaded on every page, right after Flatsome's `flatsome-style` (which is the
 * child style.css), so both the theme CSS and every `kw-sc-*` shortcode
 * stylesheet can read them.
 *
 * The `--kw-*` names match the shared naming used across our other Flatsome
 * child themes, so modules port between projects without renaming.
 */

:root {
	/* Surfaces */
	--kw-bg:           #f7fafc; /* page ground */
	--kw-surface:      #ffffff; /* cards, bars */
	--kw-surface-alt:  #f1f4f6; /* subtle section wash */

	/* Ink */
	--kw-ink:          #111827; /* headings, strong body */
	--kw-ink-muted:    #6b7280; /* secondary body, meta */
	--kw-ink-faint:    #9ca3af; /* struck-through price, disabled */

	/* Accent — ONE accent, plus its deep variant for bars/rings */
	--kw-accent:       #34aeeb;
	--kw-accent-dark:  #2a8bbc;
	--kw-accent-soft:  #e6f5fd;

	/* Status */
	--kw-danger:       #e43a36; /* sale price, discount pills, form errors */
	--kw-danger-soft:  #fdecec;
	--kw-success:      #00b87a; /* "Na zalogi" */
	--kw-warn:         #f5a623;
	--kw-warn-soft:    #fdf3e0;
	/* Rating stars — the filled state everywhere a star is drawn: the review
	   summary, the review cards, and the star picker in the review form. */
	--kw-star:         #ffbd00;

	/* Footer — the one surface that is not on the light palette */
	--kw-footer-bg:      #0f172a;
	--kw-footer-ink:     #ffffff;
	--kw-footer-muted:   #94a3b8; /* tagline, copyright */
	--kw-footer-link:    #cbd5e1; /* link lists */
	--kw-footer-line:    rgba(255, 255, 255, .1);
	--kw-footer-tile:    rgba(105, 205, 255, .12); /* social circles */

	/* Structure */
	--kw-line:         #dce2e5;
	--kw-radius:       12px;
	--kw-radius-sm:    8px;
	--kw-radius-pill:  999px;

	/* Elevation — one scale, nothing else */
	--kw-shadow-card:   0 4px 10px rgba(0, 0, 0, .04);
	--kw-shadow-raised: 0 8px 24px rgba(0, 0, 0, .08);
	--kw-shadow-sticky: 0 -4px 8px rgba(0, 0, 0, .08);

	/*
	 * Type scale — Quicksand only. Figma sizes, rounded onto whole pixels:
	 * the file carries 14.553px badges and 10.954px pills because the frame
	 * was scaled; those land on 14 and 11 here. Nothing else moved.
	 */
	--kw-fs-caption:  12px; /* payment row, copyright, legal price note */
	--kw-fs-meta:     13px; /* chips, card body, stock, delivery, subtitles */
	--kw-fs-body:     14px; /* description, accordion, card titles, sticky CTA */
	--kw-fs-lead:     16px; /* primary button label, footer headings */
	--kw-fs-heading:  18px; /* section headings, sticky price */
	--kw-fs-title:    24px; /* product title */
	--kw-fs-price:    28px; /* sale price */

	/*
	 * Quicksand ships 400/500/600/700 on this site. The customizer only asks
	 * Google for 400 and 700, so functions.php rewrites that request — without
	 * it, 500 renders as 400 and 600 renders as 700 and nothing warns you.
	 * Adding a weight here means adding it there too.
	 */
	--kw-fw-regular:  400;
	--kw-fw-medium:   500;
	--kw-fw-semi:     600;
	--kw-fw-bold:     700;

	/*
	 * Spacing — one 4px rhythm. The Figma frame's fractional values
	 * (19.5 / 20.5 / 21 / 21.5 / 22 / 24.1 / 24.5) all round onto this scale;
	 * the gutter is the one worth naming, because every block shares it.
	 */
	--kw-space-1:  4px;
	--kw-space-2:  8px;
	--kw-space-3:  12px;
	--kw-space-4:  16px;
	--kw-space-5:  20px;
	--kw-space-6:  24px;
	--kw-space-7:  32px;

	--kw-gutter:      20px; /* page edge → content, was 19.5 in Figma */
	--kw-block-gap:   20px; /* one block to the next inside a section */
}