/*
 * Pametnebrave Widgets: zajednički tokeni.
 * Vrijednosti dolaze iz Elementor Site Settings (globalne boje i fontovi),
 * a hex vrijednosti su samo rezerva ako globalna boja nije postavljena.
 */
:root,
body {
	--pbw-teal: var(--e-global-color-primary, #111213);
	--pbw-teal-deep: var(--e-global-color-secondary, #1B2430);
	--pbw-ink: var(--e-global-color-text, #111213);
	--pbw-accent: var(--e-global-color-accent, #E66C37);
	--pbw-teal-text: var(--e-global-color-pbtealtx, #2B2D30);
	--pbw-accent-hover: var(--e-global-color-pbacchov, #BF4A18);
	--pbw-muted: var(--e-global-color-pbmuted, #6E7175);
	--pbw-line: var(--e-global-color-pbline, #E3E3E0);
	--pbw-line-2: var(--e-global-color-pbline2, #CFCFCB);
	--pbw-tile: var(--e-global-color-pbtile, #F3F3F1);
	--pbw-teal-darkest: var(--e-global-color-pbdarkest, #1B2430);
	--pbw-teal-light: var(--e-global-color-pblight, #E7E3DC);
	--pbw-white: var(--e-global-color-pbwhite, #FFFFFF);

	--pbw-f-display: "pb-archivo", "Helvetica Neue", Arial, sans-serif;
	--pbw-f-body: "pb-archivo", "Helvetica Neue", Arial, sans-serif;
	--pbw-f-mono: ui-monospace, "SF Mono", Consolas, monospace;

	--pbw-r: 0px;
	--pbw-r-lg: 0px;
	--pbw-shadow: 0 12px 32px rgba(28, 32, 33, .14);
}

/* Klase pbw-hide-* (skrivanje ispod širine) su u pbw-global.css. */

/* Vidljiv fokus za sve interaktivne elemente naših widgeta. */
[class*="pbw-"] a:focus-visible,
[class*="pbw-"] button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}