/* Dark theme (default) */
:root {
  --page-bg: #1e1e1e;
  --page-text: #dcddde;
  --muted-text: rgba(220, 221, 222, 0.7);
  --heading-text: #e0e0e0;
  --strong-text: #fff;
  --link-text: #7f9cf5;
  --link-hover: #a5b4fc;
  --border-color: #444;

  --wave-bg: #1e1e1e;
  --wave-text: #fff;
  --wave-shadow: 1px 1px 10px #fff, 1px 1px 10px #ccc;

  --code-bg: #2d2d2d;
  --code-border-color: #3a3a3a;
  --inline-code-bg: rgba(135, 131, 120, 0.15);

  --blockquote-border: #705dcf;
  --blockquote-bg: rgba(112, 93, 207, 0.08);
  --hr-color: #444;

  --table-header-bg: rgba(255, 255, 255, 0.05);
  --table-hover-bg: rgba(255, 255, 255, 0.02);

  /* Syntax highlighting - VS Code Dark+ */
  --hl-keyword: #569cd6;
  --hl-control: #c586c0;
  --hl-string: #ce9178;
  --hl-function: #dcdcaa;
  --hl-variable: #9cdcfe;
  --hl-type: #4ec9b0;
  --hl-number: #b5cea8;
  --hl-comment: #6a9955;
  --hl-operator: #d4d4d4;
  --hl-property: #9cdcfe;
  --hl-macro: #569cd6;
  --hl-attribute: #9cdcfe;
  --hl-builtin: #dcdcaa;
  --hl-base: #d4d4d4;
}

/* Light theme */
[data-theme="light"] {
  --page-bg: #fafafa;
  --page-text: #1f2328;
  --muted-text: #57606a;
  --heading-text: #0b0f14;
  --strong-text: #0b0f14;
  --link-text: #0969da;
  --link-hover: #0550ae;
  --border-color: #d0d7de;

  --wave-bg: #fafafa;
  --wave-text: #0b0f14;
  --wave-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);

  --code-bg: #f6f8fa;
  --code-border-color: #d0d7de;
  --inline-code-bg: rgba(175, 184, 193, 0.2);

  --blockquote-border: #8b5cf6;
  --blockquote-bg: rgba(139, 92, 246, 0.06);
  --hr-color: #d0d7de;

  --table-header-bg: rgba(0, 0, 0, 0.03);
  --table-hover-bg: rgba(0, 0, 0, 0.02);

  /* Syntax highlighting - VS Code Light+ */
  --hl-keyword: #0000ff;
  --hl-control: #af00db;
  --hl-string: #a31515;
  --hl-function: #795e26;
  --hl-variable: #001080;
  --hl-type: #267f99;
  --hl-number: #098658;
  --hl-comment: #008000;
  --hl-operator: #000000;
  --hl-property: #001080;
  --hl-macro: #0000ff;
  --hl-attribute: #001080;
  --hl-builtin: #795e26;
  --hl-base: #1f1f1f;
}

/* Theme toggle uses the same styling as other nav links (see `assets/style.css`). */