/*
Theme Name: Ugria
Theme URI: https://ugria-ks.com
Description: Ugria Commerce theme. Child theme of Kalium 4: brand palette, self-hosted Inter / Inter Tight, catalog-mode tweaks and branded login. Keep Kalium installed as the parent so it keeps receiving updates.
Author: Ditbardh
Author URI: https://ditbardh.com
Template: kalium
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ugria
*/

/* -------------------------------------------------------------------------
   Brand tokens
   Theme colors (links, buttons, badges, borders…) are managed by Kalium:
   Customizer → Styling → Colors → Theme Colors → "Ugria" palette.
   These variables are for custom CSS and blocks that need the raw values.
   ------------------------------------------------------------------------- */
:root {
	--ugria-red: #ea1b24;      /* Logo red. Large text, graphics, backgrounds. 4.49:1 on white */
	--ugria-red-ui: #da1820;   /* = Kalium Color 1. Links, buttons, small text. 5.08:1 on white */
	--ugria-red-dark: #b8111a; /* = Kalium Color 2. Hover / pressed */
	--ugria-ink: #16181d;      /* Headings */
	--ugria-text: #3f434a;     /* Body text */
	--ugria-line: #e4e6ea;     /* Borders */
	--ugria-surface: #f4f5f7;  /* Light surfaces, footer */

	--ugria-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ugria-font-heading: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	/* Kalium's base font stack → Inter. TypoLab assignments still win. */
	--k-font-sans-serif: var(--ugria-font-body);
}

/* Default heading font. Kalium reads headings from --k-font-family.
   Zero specificity, so any TypoLab assignment overrides it. */
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
	--k-font-family: var(--ugria-font-heading);
	font-family: var(--ugria-font-heading);
}

/* -------------------------------------------------------------------------
   Catalog: "Kërko ofertë" (request a quote) on single product pages
   ------------------------------------------------------------------------- */
.ugria-quote {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin: 24px 0;
}

/* Colors, radius and type come from Kalium's button settings (Customizer → Styling → Buttons). */
.ugria-quote__button.button {
	min-width: 200px;
}