@layer theme, base, components, utilities;

@layer components {
	.ml-callout {
		background: var(--surface);
		border-color: var(--border);
	}

	.ml-callout--note {
		border-inline-start-color: var(--text-muted);
	}

	.ml-callout--tip {
		border-inline-start-color: var(--callout-tip-accent, var(--accent));
	}

	.ml-callout--warn {
		border-inline-start-color: var(--callout-warn-accent);
	}
}