@import url('https://fonts.cdnfonts.com/css/linux-libertine-o');
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@400;700&display=swap");

:root {
    --color-bg: #fafafa;
    --color-surface: #ffffff;
    --color-text-primary: #212529;
    --color-text-secondary: #495057;
    --color-primary: #003366;
    --color-primary-hover: #002244;
    --color-accent: #5d001e;
    --color-accent-hover: #4a0018;
    --color-border: #dee2e6;
}

html.dark {
    --color-bg: #0d1117;
    --color-surface: #161b22;
    --color-text-primary: #c9d1d9;
    --color-text-secondary: #8b949e;
    --color-primary: #93c5fd;
    --color-primary-hover: #bfdbfe;
    --color-accent: #6ee7b7;
    --color-accent-hover: #a7f3d0;
    --color-border: #30363d;
}

.typing-cursor {
            display: inline-block;
            opacity: 1;
            animation: blink 0.7s infinite;
            margin-left: 2px;
            color: var(--color-primary); 
        }
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }

.toggle-bg:checked {
    background-color: var(--color-primary);
}


#breadcrumb-nav {
	margin-bottom: 1.5rem;
	font-size: 0.9rem;
	color: #555;
}

#breadcrumb-nav ol {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

#breadcrumb-nav li {
	margin-right: 0.5rem;
}

#breadcrumb-nav li:not(:last-child)::after {
	content: '>';
	margin-left: 0.5rem;
	color: #999;
}

#breadcrumb-nav li a {
	text-decoration: none;
	color: var(--link-color);
}

#breadcrumb-nav li a:hover {
	text-decoration: underline;
}