:root {
  --pri-fg: #6b6560;
  --pri-bg: #f7f4f1;
  --sec-fg: #f0ebe6;
  --sec-bg: #ffffff;
  --accent: #2d6a5a;
  --special: #7a3d4a;
  --text: #2c2825;
  --link: #2d6a5a;
  --link-hover: #1f4d40;
  --nav-text: #ffffff;
  --nav-hover: #88BDBC;
  --shadow: rgba(44, 40, 37, 0.08);
  --shadow-hover: rgba(44, 40, 37, 0.12);
  --border: rgba(44, 40, 37, 0.06);
}

@media (prefers-color-scheme: dark) {
  :root {
    --pri-fg: #9b9590;
    --pri-bg: #1a1e20;
    --sec-fg: #252a2d;
    --sec-bg: #252a2d;
    --accent: #5a9e8f;
    --special: #a05060;
    --text: #e8e4e0;
    --link: #5a9e8f;
    --link-hover: #88BDBC;
    --nav-text: #ffffff;
    --nav-hover: #88BDBC;
    --shadow: rgba(0, 0, 0, 0.3);
    --shadow-hover: rgba(0, 0, 0, 0.4);
    --border: rgba(255, 255, 255, 0.06);
  }
}