/**
 * IEN brand palette utilities.
 * CSS variables (--iena-*) are injected from Brand_Palette::css_variables().
 *
 * Steps per brand: tint-80, tint-60, tint-40, tint-20, base, shade-20, shade-40, shade-60, shade-80
 * Aliases: soft (tint-80), muted (tint-60), hover (shade-20), active (shade-40), ink (shade-60)
 */

/* Buttons */
.iena-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	border-radius: 999px;
	border: 1px solid transparent;
	padding: 0.5rem 1.1rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.iena-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.iena-btn--primary {
	background: var(--iena-brand);
	border-color: var(--iena-brand);
	color: #fff;
}
.iena-btn--primary:hover:not(:disabled) {
	background: var(--iena-brand-hover);
	border-color: var(--iena-brand-hover);
	color: #fff;
}
.iena-btn--primary:active:not(:disabled) {
	background: var(--iena-brand-active);
	border-color: var(--iena-brand-active);
}

.iena-btn--soft {
	background: var(--iena-brand-soft);
	border-color: var(--iena-primary-tint-60);
	color: var(--iena-brand-ink);
}
.iena-btn--soft:hover:not(:disabled) {
	background: var(--iena-brand-muted);
	border-color: var(--iena-primary-tint-40);
}

.iena-btn--ghost {
	background: transparent;
	border-color: var(--iena-primary-tint-40);
	color: var(--iena-brand-ink);
}
.iena-btn--ghost:hover:not(:disabled) {
	background: var(--iena-brand-soft);
	border-color: var(--iena-brand);
	color: var(--iena-brand-ink);
}

/* Pills / chips */
.iena-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	border-radius: 999px;
	padding: 0.2rem 0.65rem;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.3;
	border: 1px solid transparent;
	white-space: nowrap;
}

.iena-pill--primary {
	background: var(--iena-brand);
	border-color: var(--iena-brand);
	color: #fff;
}
.iena-pill--soft {
	background: var(--iena-brand-soft);
	border-color: var(--iena-primary-tint-60);
	color: var(--iena-brand-ink);
}
.iena-pill--outline {
	background: #fff;
	border-color: var(--iena-primary-tint-40);
	color: var(--iena-brand-ink);
}

/* Actions / links */
.iena-action {
	color: var(--iena-brand);
	font-weight: 600;
	text-decoration: none;
}
.iena-action:hover {
	color: var(--iena-brand-hover);
}
.iena-action:active {
	color: var(--iena-brand-active);
}

/* Surface helpers */
.iena-surface-soft {
	background: var(--iena-brand-soft);
	border-color: var(--iena-primary-tint-60);
}
.iena-surface-muted {
	background: var(--iena-brand-muted);
	border-color: var(--iena-primary-tint-40);
}
.iena-border-brand {
	border-color: var(--iena-brand);
}
.iena-text-brand {
	color: var(--iena-brand);
}
.iena-text-brand-ink {
	color: var(--iena-brand-ink);
}
.iena-bg-brand {
	background-color: var(--iena-brand);
	color: #fff;
}

/*
 * Division helpers: .iena-btn--cio, .iena-pill--ciso, etc.
 * Generated for known division slugs; variables still available for others.
 */
.iena-btn--cio { background: var(--iena-cio); border-color: var(--iena-cio); color: #fff; }
.iena-btn--cio:hover:not(:disabled) { background: var(--iena-cio-hover); border-color: var(--iena-cio-hover); }
.iena-btn--ciso { background: var(--iena-ciso); border-color: var(--iena-ciso); color: #fff; }
.iena-btn--ciso:hover:not(:disabled) { background: var(--iena-ciso-hover); border-color: var(--iena-ciso-hover); }
.iena-btn--cmo { background: var(--iena-cmo); border-color: var(--iena-cmo); color: #fff; }
.iena-btn--cmo:hover:not(:disabled) { background: var(--iena-cmo-hover); border-color: var(--iena-cmo-hover); }
.iena-btn--cdo { background: var(--iena-cdo); border-color: var(--iena-cdo); color: #0f172a; }
.iena-btn--cdo:hover:not(:disabled) { background: var(--iena-cdo-hover); border-color: var(--iena-cdo-hover); color: #fff; }
.iena-btn--caio { background: var(--iena-caio); border-color: var(--iena-caio); color: #fff; }
.iena-btn--caio:hover:not(:disabled) { background: var(--iena-caio-hover); border-color: var(--iena-caio-hover); }

.iena-pill--cio { background: var(--iena-cio-soft); border-color: var(--iena-cio-tint-60); color: var(--iena-cio-ink); }
.iena-pill--ciso { background: var(--iena-ciso-soft); border-color: var(--iena-ciso-tint-60); color: var(--iena-ciso-ink); }
.iena-pill--cmo { background: var(--iena-cmo-soft); border-color: var(--iena-cmo-tint-60); color: var(--iena-cmo-ink); }
.iena-pill--cdo { background: var(--iena-cdo-soft); border-color: var(--iena-cdo-tint-60); color: var(--iena-cdo-ink); }
.iena-pill--caio { background: var(--iena-caio-soft); border-color: var(--iena-caio-tint-60); color: var(--iena-caio-ink); }