/* Stratum7 Networks - tema do Forgejo (baseado no tema escuro oficial + identidade visual) */
@import "./theme-forgejo-dark.css";

/* ---------- fontes (locais, SIL OFL) ---------- */
@font-face { font-family: 'Poppins'; font-weight: 300; font-style: normal; font-display: swap; src: url('../fonts/stratum7/poppins-300-latin.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/stratum7/poppins-400-latin.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/stratum7/poppins-500-latin.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/stratum7/poppins-600-latin.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/stratum7/poppins-700-latin.woff2') format('woff2'); }
@font-face { font-family: 'Michroma'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/stratum7/michroma-latin.woff2') format('woff2'); }

:root {
	/* marca */
	--s7-ciano: #30b4f0;
	--s7-azul: #1855c4;
	--s7-azul-escuro: #0f2b69;
	--s7-marinho: #0b1a33;
	--s7-fundo: #07101f;
	--s7-fundo-2: #091429;
	--s7-borda: rgba(48, 180, 240, .28);
	--s7-borda-suave: rgba(255, 255, 255, .08);
	--s7-ok: #2ee59d;
	--s7-ease: cubic-bezier(.2, .8, .2, 1);

	/* escala "steel" do tema oficial trocada pela escala marinho/azul da marca */
	--steel-900: #050b16;
	--steel-850: #091429;
	--steel-800: #07101f;
	--steel-750: #0b1a33;
	--steel-700: #10264a;
	--steel-650: #163463;
	--steel-600: #1d4175;
	--steel-550: #2a5287;
	--steel-500: #3d679f;
	--steel-450: #5578a8;
	--steel-400: #6a89b2;
	--steel-350: #7f8ea6;
	--steel-300: #93a3bb;
	--steel-250: #a6b3c9;
	--steel-200: #c3cfe0;
	--steel-150: #dfe7f3;
	--steel-100: #eef3fa;

	/* cor primaria = ciano */
	--color-primary: #30b4f0;
	--color-primary-contrast: #04101f;
	--color-primary-dark-1: #55c2f3;
	--color-primary-dark-2: #6fcbf5;
	--color-primary-dark-3: #8dd6f7;
	--color-primary-dark-4: #a8e0f9;
	--color-primary-dark-5: #c4eafb;
	--color-primary-dark-6: #dff4fd;
	--color-primary-dark-7: #f0faff;
	--color-primary-light-1: #1fa3df;
	--color-primary-light-2: #1a8dc2;
	--color-primary-light-3: #1676a3;
	--color-primary-light-4: #125f85;
	--color-primary-light-5: #0f4d6c;
	--color-primary-light-6: #0b3a52;
	--color-primary-light-7: #082c3e;
	--color-primary-alpha-10: #30b4f019;
	--color-primary-alpha-20: #30b4f033;
	--color-primary-alpha-30: #30b4f04b;
	--color-primary-alpha-40: #30b4f066;
	--color-primary-alpha-50: #30b4f080;
	--color-primary-alpha-60: #30b4f099;
	--color-primary-alpha-70: #30b4f0b3;
	--color-primary-alpha-80: #30b4f0cc;
	--color-primary-alpha-90: #30b4f0e1;
	--color-primary-hover: var(--color-primary-dark-1);
	--color-primary-active: var(--color-primary-dark-2);
	--color-accent: var(--color-primary);
	--color-small-accent: var(--color-primary-light-5);
	--color-highlight-fg: var(--color-primary-dark-2);
	--color-highlight-bg: var(--color-primary-alpha-20);
	--color-reaction-active-bg: var(--color-primary-alpha-30);
	--color-reaction-hover-bg: var(--color-primary-alpha-40);

	/* superficies */
	--color-body: var(--s7-fundo);
	--color-nav-bg: var(--s7-marinho);
	--color-nav-hover-bg: var(--steel-650);
	--color-header-wrapper: var(--s7-fundo-2);
	--color-footer: var(--s7-marinho);
	--color-box-header: var(--steel-700);
	--color-box-body: var(--s7-marinho);
	--color-box-body-highlight: var(--steel-700);
	--color-menu: var(--s7-fundo-2);
	--color-card: var(--s7-marinho);
	--color-input-background: var(--s7-fundo-2);
	--color-input-border: var(--steel-550);
	--color-input-border-hover: var(--s7-ciano);
	--color-code-bg: var(--s7-fundo-2);
	--color-markup-code-block: var(--s7-fundo-2);
	--color-markup-code-inline: var(--steel-700);
	--color-secondary-nav-bg: var(--s7-fundo);
	--color-label-bg: var(--steel-650);
	--color-shadow: #00000080;

	/* texto */
	--color-text: #dfe7f3;
	--color-text-dark: #ffffff;
	--color-text-light: #c3cfe0;
	--color-text-light-1: #c3cfe0;
	--color-text-light-2: #a6b3c9;
	--color-text-light-3: #7f8ea6;
	--color-placeholder-text: #7f8ea6;
	--color-input-text: #dfe7f3;

	/* tipografia */
	--fonts-regular: 'Poppins', -apple-system, 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}

/* ---------- base ---------- */
body {
	font-family: var(--fonts-regular);
	background-image:
		radial-gradient(1100px 480px at 50% -8%, rgba(24, 85, 196, .30), transparent 70%),
		radial-gradient(700px 360px at 100% 0%, rgba(48, 180, 240, .08), transparent 70%);
	background-repeat: no-repeat;
	background-attachment: fixed;
}
h1, h2, h3, h4, .ui.header { font-family: var(--fonts-regular); letter-spacing: -0.02em; }
h1, h2 { font-weight: 700; }

/* ---------- barra superior ---------- */
#navbar {
	border-bottom: 1px solid var(--s7-borda);
	box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
}
#navbar .item { font-family: 'Michroma', var(--fonts-regular); font-size: 12px; letter-spacing: .02em; }
#navbar-logo { padding-top: 6px; padding-bottom: 6px; }
#navbar-logo img { width: auto; height: 34px; }

/* ---------- botoes e campos ---------- */
.ui.ui.primary.button, .ui.ui.primary.buttons .button { font-weight: 600; letter-spacing: .01em; transition: box-shadow .25s var(--s7-ease), background-color .25s var(--s7-ease); }
.ui.primary.button:hover, .ui.primary.buttons .button:hover { box-shadow: 0 10px 24px rgba(48, 180, 240, .35); }
.ui.input input:focus, .ui.form input:focus, .ui.form textarea:focus, .ui.selection.dropdown:focus {
	border-color: var(--s7-ciano) !important;
	box-shadow: 0 0 0 3px rgba(48, 180, 240, .18);
}

/* ---------- caixas e abas ---------- */
.ui.segment, .ui.attached.segment, .ui.attached.table, .ui.card, .ui.cards > .card { border-color: var(--s7-borda-suave); }
.ui.top.attached.header { border-color: var(--s7-borda-suave); border-top: 2px solid var(--s7-ciano); }
.ui.secondary.pointing.menu .active.item, .ui.tabular.menu .active.item { border-color: var(--s7-ciano); }

/* ---------- telas de login / cadastro: logo vertical em cima ---------- */
.page-content.user.signin .ui.grid > .column::before,
.page-content.user.signup .ui.grid > .column::before,
.page-content.user.forgot.password .ui.grid > .column::before {
	content: "";
	display: block;
	height: 190px;
	align-self: stretch;
	width: 100%;
	margin: 12px 0 4px;
	background: url('/assets/img/logo-vertical.svg') center / contain no-repeat;
}
.page-content.user.signin .ui.attached.header,
.page-content.user.signup .ui.attached.header { font-family: 'Michroma', var(--fonts-regular); font-size: 15px; letter-spacing: .02em; }
.page-content.user.signin .ui.attached.segment { box-shadow: 0 24px 50px rgba(0, 0, 0, .5); }

/* ---------- rodape ---------- */
.page-footer { border-top: 1px solid var(--s7-borda-suave); }

/* ---------- selecao e foco ---------- */
::selection { background: var(--s7-ciano); color: #04101f; }

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}

/* ---------- itens removidos ---------- */
/* link "Ajuda" (documentacao do Forgejo) na barra e no menu do usuario */
#navbar a[href*="forgejo.org"] { display: none !important; }
/* "Explorar" so some para visitante sem login (o site exige login para ver qualquer coisa) */
#navbar:has(a.item[href="/user/login"]) a.item[href="/explore/repos"] { display: none !important; }
/* rodape: "Oferecido por Forgejo" e tempos de pagina/template */
.page-footer .left-links { display: none !important; }
.page-footer .right-links { margin-left: auto; }