/* Skin Marcyn sobre o criarenet (que é sobre o Larry).
   O criarenet já traz cantos retos, Inter e toda a estilização por tokens
   --cn-*; aqui só se trocam os tokens pela paleta da Marcyn
   (marcyn.com.br: roxo #482366/#480e67, verde de ação #409d66, fundo
   quente #f1eee9) e o logo. */
@import url('../criarenet/styles.min.css');

:root {
	--cn-primary: #482366;        /* roxo da marca */
	--cn-primary-dark: #2b1540;   /* roxo escuro (barras/rodapé) */
	--cn-primary-alt: #480e67;    /* variação do roxo (gradientes) */
	--cn-primary-light: #5e3387;  /* derivado p/ hover e topo de gradiente */
	--cn-accent: #409d66;         /* verde de ação do site */
	--cn-accent-strong: #2e8a53;  /* verde forte (ação primária) */
	--cn-text: #382a48;           /* texto sobre fundo claro */
	--cn-text-muted: #74688a;     /* texto secundário */
	--cn-text-soft: #9a8fae;      /* texto terciário */
	--cn-text-on-dark: #cfc4e2;   /* texto secundário sobre o roxo */
	--cn-border: #cfc5dd;         /* bordas de tabela/painel */
	--cn-bg-light: #f1eee9;       /* fundo neutro quente do site */
	--cn-bg-blue: #ece7f3;        /* fundo lavanda de painel/lista */
	--cn-bg-blue-soft: #f5f2f9;   /* lavanda suave */
	--cn-bg-blue-strong: #dbd1e9; /* item selecionado em lista clara */
	--cn-primary-rgb: 72, 35, 102;
	--cn-accent-rgb: 64, 157, 102;
}

/* Seta do select: mesmo data-URI do criarenet, com o fill no roxo */
select:not(.decorated) {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23482366'/%3E%3C/svg%3E");
}

/* Mesma ilustração da Criarenet, recolorida nos tons da Marcyn */
.watermark {
	background-image: url(images/watermark-marcyn.png);
	background-size: 260px auto;
}

/* O logo da Marcyn tem tagline embaixo; um pouco mais de altura que os 34px
   do criarenet para não virar um borrão na barra */
#toplogo {
	height: 26px;
	width: auto;
	padding-top: 10px;
}

/* Logo no login: o PNG é 585x136 (alta densidade); limitar na tela */
#login-form #logo,
#logo {
	max-width: 240px;
	height: auto;
}