/**
 * Design tokens — laptops-computer.co.ke
 *
 * The whole skin reads from these variables. To rebrand the site (e.g. when the
 * new logo lands), change the values in this block ONLY. Nothing else needs to
 * be touched.
 *
 * Current palette is sampled from Logo.png ("Laptops Computer"):
 *   blue     #0037AA  (laptop mark + "Laptops" wordmark)
 *   charcoal #2C333B  ("Computer" wordmark + laptop outline)
 */

:root {
	/* ---- brand ---- */
	--lc-primary:        #0037AA;
	--lc-primary-dark:   #002B85;
	--lc-primary-light:  #E7EDF9;
	--lc-accent:         #1D4ED8;
	--lc-accent-dark:    #1739A8;

	/* ---- neutrals ---- */
	--lc-ink:            #2C333B;
	--lc-body:           #3F464E;
	--lc-muted:          #6B7280;
	--lc-faint:          #9AA3AD;
	--lc-line:           #E3E7EC;
	--lc-line-strong:    #CFD6DE;
	--lc-surface:        #FFFFFF;
	--lc-surface-alt:    #F6F8FA;

	/* ---- status ---- */
	--lc-in-stock:       #2E8B4F;
	--lc-out-stock:      #C4453B;

	/* ---- shape ---- */
	--lc-radius-sm:      6px;
	--lc-radius:         10px;
	--lc-radius-lg:      14px;
	--lc-radius-pill:    999px;

	/* ---- elevation ---- */
	--lc-shadow-sm:      0 1px 2px rgba(16, 24, 40, .05);
	--lc-shadow:         0 2px 8px rgba(16, 24, 40, .07);
	--lc-shadow-lg:      0 8px 24px rgba(16, 24, 40, .10);

	/* ---- rhythm ---- */
	--lc-gap:            16px;
	--lc-gap-lg:         28px;

	/* ---- type ---- */
	--lc-fs-xs:          12px;
	--lc-fs-sm:          13px;
	--lc-fs-md:          15px;
	--lc-fs-lg:          18px;

	/* ---- header sizing ----
	 * --lc-header-pad is the breathing room above/below the logo/search row;
	 * the row's height is that padding plus the 52px search field. Raise it if
	 * the header should feel more spacious.
	 */
	--lc-header-pad:     13px;
	--lc-navrow-h:       50px;
}