/*
 * Design tokens do "SilpiV2" (projeto de referência visual).
 * Escopados dentro de .sv2 para não vazar para o restante do sistema
 * (que continua em Bootstrap 3 puro). Não usar em :root.
 */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap');

.sv2 {
	--sv2-font: 'Lexend', "Helvetica Neue", Helvetica, Arial, sans-serif;

	/* Marca (teal) */
	--sv2-primary: #0f8a7a;
	--sv2-primary-hover: #0c6f62;
	--sv2-primary-light: #4fb3a4;
	--sv2-primary-lighter: #9fdbd0;
	--sv2-primary-lightest: #e3f6f2;

	/* Semânticas */
	--sv2-destructive: #dc3c3c;
	--sv2-destructive-light: #fbeaea;
	--sv2-warning: #f2a30f;
	--sv2-warning-light: #fdf2df;
	--sv2-success: #2fa84f;
	--sv2-success-light: #e8f7ec;
	--sv2-info: #2f6fed;
	--sv2-info-light: #e9f0fe;

	/* Neutros */
	--sv2-background: #fafafa;
	--sv2-foreground: #26292c;
	--sv2-muted: #6b7076;
	--sv2-muted-bg: #f2f3f4;
	--sv2-border: #e4e6e8;
	--sv2-card-bg: #ffffff;

	/* Raios */
	--sv2-radius-sm: 6px;
	--sv2-radius-md: 10px;
	--sv2-radius-lg: 14px;
	--sv2-radius-xl: 12px;
	--sv2-radius-2xl: 18px;
	--sv2-radius-full: 999px;

	/* Sombra */
	--sv2-shadow-card: 0 1px 2px rgba(20, 20, 20, 0.04), 0 2px 8px rgba(20, 20, 20, 0.06);

	font-family: var(--sv2-font);
	color: var(--sv2-foreground);
}