/* === FONTS === */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('/build/fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('/build/fonts/roboto/Roboto-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('/build/fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('/build/fonts/roboto/Roboto-Bold.ttf') format('truetype');
	font-display: swap;
}
body {font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; padding-top: 56px;}

/* === HEADER === */
.lexikon-header {position: fixed; top: 0; left: 0; right: 0; z-index: 1030; background-color: #2c3e50; padding: 12px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
.lexikon-header .lexikon-brand {color: #fff; text-decoration: none; font-size: 1.2rem; font-weight: 700;}
.lexikon-header .lexikon-brand i {margin-right: 6px;}
.lexikon-header .lexikon-brand:hover {color: #ecf0f1;}
.lexikon-header nav a {color: #bdc3c7; text-decoration: none; margin-left: 1.5rem; font-size: 0.9rem; transition: color 0.15s;}
.lexikon-header nav a:hover {color: #fff;}

/* === FOOTER === */
.lexikon-footer {background-color: #f8f9fa; border-top: 1px solid #dee2e6; padding: 1rem 0; margin-top: 2rem;}
.lexikon-footer p {margin: 0; font-size: 0.85rem; color: #666; text-align: center;}
.lexikon-footer a {color: #2c3e50; text-decoration: none;}
.lexikon-footer a:hover {text-decoration: underline;}

/* === BACK TO TOP === */
#btn-to-top {display: none; position: fixed; bottom: 20px; right: 20px; z-index: 1000; background-color: #2c3e50; color: #fff; border: none; border-radius: 50%; width: 48px; height: 48px; font-size: 1.4rem; box-shadow: 0 2px 8px rgba(0,0,0,0.2); cursor: pointer; transition: background-color 0.2s;}
#btn-to-top:hover {background-color: #34495e;}