/*:root {*/
/* --bg: #FFFDF2;*/
/* --text: #6D4715;*/
/* --muted: rgba(109, 71, 21, 0.72);*/
/* --line: rgba(109, 71, 21, 0.18);*/
/* --panel: rgba(109, 71, 21, 0.04);*/
/* --panel-2: rgba(109, 71, 21, 0.06);*/
/* --shadow: 0 10px 30px rgba(109, 71, 21, 0.08);*/
/* --radius: 18px;*/
/*}*/
/*html, body {*/
/* height: 100%;*/
/*}*/
/*body {*/
/* margin: 0;*/
/* background: var(--bg);*/
/* color: var(--text);*/
/* font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;*/
/* font-weight: 400;*/
/*}*/
/*h1, .home-title, .page-title {*/
/* font-weight: 600;*/
/* letter-spacing: -0.02em;*/
/*}*/
/*h2, .h2, .panel-title {*/
/* font-weight: 500;*/
/* letter-spacing: -0.01em;*/
/*}*/
html.no-theme-transition *,
html.no-theme-transition *::before,
html.no-theme-transition *::after{
transition:none !important;
}
:root {
/* light theme */
--bg: #FFFDF2;
--text: #6D4715;
--muted: rgba(109, 71, 21, 0.72);
--line: rgba(109, 71, 21, 0.18);
--panel: rgba(109, 71, 21, 0.04);
--panel-2: rgba(109, 71, 21, 0.06);
--sidebar-bg: rgba(255, 253, 242, 0.75);
--accent: #6D4715; /* current brown, can stay or change later */
--shadow: 0 10px 30px rgba(109, 71, 21, 0.08);
/* small tokens used by the toggle */
--toggle-track: rgba(109, 71, 21, 0.10);
--toggle-thumb: #6D4715;
}
html[data-theme="dark"] {
/*--bg: #040e1e;*/
--bg: #041e05;
--text: #c1e3b8;
--muted: rgba(237, 230, 214, 0.70);
--line: rgba(237, 230, 214, 0.14);
--accent: #7AA2F7; /* soft blue */
/* your two “main” dark colours */
--panel: rgba(40, 56, 38, 1); /* #44444E as a solid panel colour */
--panel-2: rgba(38, 56, 38, 0.70);
--shadow: 0 14px 40px rgba(0, 0, 0, 0.55);
/* sidebar background should also be dark */
--sidebar-bg: rgba(45, 66, 43, 0.85);
--toggle-track: rgba(237, 230, 214, 0.12);
--toggle-thumb: #EDE6D6;
}
html, body {
height: 100%;
}
body {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: "Inter",
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;
font-weight: 400;
line-height: 1.6;
}
/* smooth theme transitions */
body,
.sidebar,
.sidebar-card,
.main,
.page,
.panel,
.project-card,
.tech-item,
.nav-link,
.theme-toggle-track,
.theme-toggle-thumb {
transition:
background-color 240ms ease,
color 240ms ease,
border-color 240ms ease,
box-shadow 240ms ease;
}
img {
transition: filter 240ms ease;
}
/* keep code monospace */
.mono, .v, code, pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}