:root{
  --orange:#ff5200;
  --orange-dark:#d84200;
  --orange-soft:#fff2eb;
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#fff8f4;
  --text:#2c231f;
  --muted:#6e625c;
  --line:#eadbd4;
  --header:#ffffff;
  --shadow:0 20px 55px rgba(92,43,20,.12);
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#0d0e10;
  --surface:#151618;
  --surface-2:#111214;
  --text:#f7f2ef;
  --muted:#b8aca5;
  --line:#302923;
  --header:#0d0e10;
  --shadow:0 22px 60px rgba(0,0,0,.30);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
button,input,select,a{font:inherit}
a{color:inherit}
.theme-toggle{
  appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);
  min-height:36px;padding:4px 8px;border-radius:999px;display:inline-flex;align-items:center;
  gap:5px;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.08)
}
.theme-icon{font-size:14px;line-height:1}
.theme-switch{width:32px;height:18px;border-radius:999px;background:#3d3e41;padding:2px;display:flex;align-items:center}
.theme-knob{width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}
html[data-theme="light"] .theme-switch{background:var(--orange)}
html[data-theme="light"] .theme-knob{transform:translateX(14px)}
.theme-toggle-label{display:none}
.theme-toggle-header{margin-left:auto}