/* ── Alert ── */
.ac-alert {
	padding: var(--space-3) var(--space-4);
	border-radius: var(--ac-radius);
	display: flex;
	align-items: flex-start;
	gap: var(--space-2);
	font-size: var(--text-base);
	line-height: var(--leading-normal);

	&--error {
		background: oklch(from var(--ac-error) 97% 0.02 h);
		border: 1px solid oklch(from var(--ac-error) 88% 0.08 h);
		color: oklch(from var(--ac-error) 30% 0.12 h);

		& svg {
			flex-shrink: 0;
			margin-top: 2px;
		}
	}

	&--success {
		background: oklch(from var(--ac-success) 97% 0.02 h);
		border: 1px solid oklch(from var(--ac-success) 88% 0.08 h);
		color: oklch(from var(--ac-success) 30% 0.12 h);

		& svg {
			flex-shrink: 0;
			margin-top: 2px;
		}
	}

	&--warning {
		background: oklch(from var(--ac-warning) 97% 0.02 h);
		border: 1px solid oklch(from var(--ac-warning) 88% 0.08 h);
		color: oklch(from var(--ac-warning) 30% 0.12 h);

		& svg {
			flex-shrink: 0;
			margin-top: 2px;
		}
	}
}