/* ================================================== KAUSHIK VISHWAKARMA Portfolio v2 Part 1 — Reset, Base & Navigation ================================================== */ /* ---------- RESET ---------- */ *{ margin:0; padding:0; box-sizing:border-box; /* Site-wide theme transition — background/text/border only, so switching light↔dark fades colour without touching layout or any element's own transform/shadow transitions below. */ transition:background-color .25s ease, color .25s ease, border-color .25s ease; } :root{ /* Apple-style deceleration curve — quick start, long soft settle */ --ease-out-apple:cubic-bezier(.16,1,.3,1); color-scheme:light; /* ---------- THEME — LIGHT (default) ---------- */ --bg:#F7F3EE; --surface:#F5F0EA; --text:#181818; --muted:#5f5f5f; /* Was #8b8b8b, which sat at 3.08:1 on --bg — below AA for every place it's used (nav links, eyebrows, work numbers, footer, the impact labels and pipeline arrows), none of which qualify for the large-text exemption. #6f6f6f clears 4.5:1 and stays clearly recessed from --muted. Dark mode's value already passes at ~5.8:1 and is left alone. */ --muted-2:#6f6f6f; --border:#e4ded3; --button-border:#cfc7be; --ink-contrast:#ffffff; --ink-hover:#000000; --nav-bg:rgba(247,243,238,.70); --nav-bg-scrolled:rgba(247,243,238,.88); --scrollbar-track:#EFEAE4; --scrollbar-thumb:#B9B2AA; --scrollbar-thumb-hover:#8F8880; } /* ---------- THEME — DARK ---------- */ /* Deliberately not a straight inversion — a warm charcoal editorial palette, not pure black. Toggled by JS via [data-theme] on . */ [data-theme="dark"]{ color-scheme:dark; --bg:#121212; --surface:#181818; --text:#F5F3EF; --muted:#ADA79C; --muted-2:#948E82; --border:#2A2A2A; --button-border:#3A3A3A; --ink-contrast:#121212; --ink-hover:#ffffff; --nav-bg:rgba(18,18,18,.72); --nav-bg-scrolled:rgba(18,18,18,.88); --scrollbar-track:#1C1C1C; --scrollbar-thumb:#3A3A3A; --scrollbar-thumb-hover:#55534D; } /* Logo/wordmark only — never used for body copy, nav, or headings */ @font-face{ font-family:"Midstar"; src:url("Fonts/Midstar_Personal_Use.otf") format("opentype"); font-weight:400; font-style:normal; font-display:swap; } html{ scroll-behavior:smooth; /*