/* SDL Widgets: shared tokens and utilities. Brand values are printed inline from Settings → SDL Widgets. */
:root {
	--sdlw-primary: #179a3c;
	--sdlw-accent: #1b4fc7;
	--sdlw-navy: #112a5f;
	--sdlw-border: #e3e6ee;
	--sdlw-heading: #0a1b38;
	--sdlw-text: #56678a;
	--sdlw-surface: #f5f7fb;
	--sdlw-ease: cubic-bezier(.2, .7, .2, 1);
}

[class^="sdlw-"], [class*=" sdlw-"] { box-sizing: border-box; }
[class^="sdlw-"] *, [class*=" sdlw-"] * { box-sizing: border-box; }

.sdlw-sr-only {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0);
	white-space: nowrap; border: 0;
}

/* Icon tiles used across widgets. --sdlw-tile / --sdlw-icon are set by the Style tab. */
.sdlw-tile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: var(--sdlw-tile, 48px);
	height: var(--sdlw-tile, 48px);
	font-size: var(--sdlw-icon, 22px);
	line-height: 1;
}
.sdlw-tile i { font-size: inherit; line-height: 1; }
.sdlw-tile svg { width: var(--sdlw-icon, 22px); height: var(--sdlw-icon, 22px); fill: currentColor; }
.sdlw-tile img { width: var(--sdlw-icon, 22px); height: auto; display: block; }