:root {
  --background: light-dark(#f4f0e8, #242722);
  --text: light-dark(#292b26, #e4e7de);
  --accent: light-dark(#44613b, #a9c493);
  --secondary: light-dark(#566250, #bdcbb4);
  --tertiary: light-dark(#024a4b, #97d1d1);
  --muted: light-dark(#62665b, #b2b9a9);
  --surface: light-dark(#eae6dc, #30362d);
  --code-surface: light-dark(#f9f9f7, #30362d);
  --border: light-dark(#d3d1c4, #485041);
  --syntax-operator: light-dark(#5d71a5, #97d1d1);
  --syntax-keyword: light-dark(#9043f8, #ffade2);
  --syntax-declaration: light-dark(#ca4338, #ffb3ad);
  --syntax-function: light-dark(#2167f6, #86cfff);
  --syntax-type: light-dark(#9a6800, #e0c714);
  --syntax-variable: light-dark(#008074, #66dbb2);
  --syntax-property: light-dark(#ca432f, #ffb597);
  --syntax-string: light-dark(#21840c, #7edc73);
  --syntax-number: light-dark(#c54a00, #ffba35);
  --syntax-constant: light-dark(#007e8e, #44dadc);
}