_sass/skins/_nord.scss
// Base colors
$theme-color: #5e81ac;        // Nord Frost 3
$theme-color-secondary: #81a1c1;  // Nord Frost 2
$bg-color: #eceff4;           // Nord Snow Storm 3
$text-color: #2e3440;         // Nord Polar Night 0

// Light mode derived colors
$blockquote-text-color-light: #4c566a;  // Nord Polar Night 3
$code-bg-color-light: #e5e9f0;          // Nord Snow Storm 2
$border-color-light: rgba(46, 52, 64, 0.3);  // Nord Polar Night 0 with opacity
$link-hover-color-light: #88c0d0;        // Nord Frost 1
$placeholder-color-light: #4c566a;
$highlight-color-light: rgba(#5e81ac, 0.15);
$toc-bg-color-light: rgba(94, 129, 172, 0.05);

// Dark mode base colors
$dark-theme-color: #88c0d0;      // Nord Frost 1
$dark-theme-color-secondary: #81a1c1;  // Nord Frost 2
$dark-bg-color: #2e3440;        // Nord Polar Night 0
$dark-text-color: #eceff4;      // Nord Snow Storm 3

// Dark mode derived colors
$blockquote-text-color-dark: #d8dee9;    // Nord Snow Storm 1
$code-bg-color-dark: #3b4252;            // Nord Polar Night 1
$border-color-dark: rgba(236, 239, 244, 0.3);  // Nord Snow Storm 3 with opacity
$link-hover-color-dark: #8fbcbb;         // Nord Frost 0
$placeholder-color-dark: #81a1c1;
$highlight-color-dark: rgba(#88c0d0, 0.2);
$toc-bg-color-dark: rgba(136, 192, 208, 0.05);

// Light mode syntax colors
$syntax-comment-light: #4c566a;    // Polar Night 3
$syntax-error-light: #bf616a;      // Aurora Red
$syntax-keyword-light: #81a1c1;    // Frost 2
$syntax-operator-light: #2e3440;   // Polar Night 0
$syntax-function-light: #88c0d0;   // Frost 1
$syntax-variable-light: #5e81ac;   // Frost 3
$syntax-string-light: #a3be8c;     // Aurora Green
$syntax-number-light: #b48ead;     // Aurora Purple
$syntax-attribute-light: #8fbcbb;  // Frost 0
$syntax-class-light: #81a1c1;      // Frost 2
$syntax-builtin-light: #88c0d0;    // Frost 1
$syntax-namespace-light: #81a1c1;  // Frost 2
$syntax-constant-light: #5e81ac;   // Frost 3
$syntax-deleted-light: #bf616a;    // Aurora Red
$syntax-inserted-light: #a3be8c;   // Aurora Green

// Dark mode syntax colors
$syntax-comment-dark: #4c566a;     // Polar Night 3
$syntax-error-dark: #bf616a;       // Aurora Red
$syntax-keyword-dark: #81a1c1;     // Frost 2
$syntax-operator-dark: #eceff4;    // Snow Storm 3
$syntax-function-dark: #88c0d0;    // Frost 1
$syntax-variable-dark: #5e81ac;    // Frost 3
$syntax-string-dark: #a3be8c;      // Aurora Green
$syntax-number-dark: #b48ead;      // Aurora Purple
$syntax-attribute-dark: #8fbcbb;   // Frost 0
$syntax-class-dark: #81a1c1;       // Frost 2
$syntax-builtin-dark: #88c0d0;     // Frost 1
$syntax-namespace-dark: #81a1c1;   // Frost 2
$syntax-constant-dark: #5e81ac;    // Frost 3
$syntax-deleted-dark: #bf616a;     // Aurora Red
$syntax-inserted-dark: #a3be8c;    // Aurora Green

:root {
  --theme-color: #{$theme-color};
  --theme-color-secondary: #{$theme-color-secondary};
  --bg-color: #{$bg-color};
  --text-color: #{$text-color};
  --blockquote-text-color: #{$blockquote-text-color-light};
  --code-bg-color: #{$code-bg-color-light};
  --border-color: #{$border-color-light};
  --link-hover-color: #{$link-hover-color-light};
  --placeholder-color: #{$placeholder-color-light};
  --syntax-comment: #{$syntax-comment-light};
  --syntax-error: #{$syntax-error-light};
  --syntax-keyword: #{$syntax-keyword-light};
  --syntax-operator: #{$syntax-operator-light};
  --syntax-function: #{$syntax-function-light};
  --syntax-variable: #{$syntax-variable-light};
  --syntax-string: #{$syntax-string-light};
  --syntax-number: #{$syntax-number-light};
  --syntax-attribute: #{$syntax-attribute-light};
  --syntax-class: #{$syntax-class-light};
  --syntax-builtin: #{$syntax-builtin-light};
  --syntax-namespace: #{$syntax-namespace-light};
  --syntax-constant: #{$syntax-constant-light};
  --syntax-deleted: #{$syntax-deleted-light};
  --syntax-inserted: #{$syntax-inserted-light};
  --highlight-color: #{$highlight-color-light};
  --toc-bg-color: #{$toc-bg-color-light};
}


[data-theme="dark"] {
  --theme-color: #{$dark-theme-color};
  --theme-color-secondary: #{$dark-theme-color-secondary};
  --bg-color: #{$dark-bg-color};
  --text-color: #{$dark-text-color};
  --blockquote-text-color: #{$blockquote-text-color-dark};
  --code-bg-color: #{$code-bg-color-dark};
  --border-color: #{$border-color-dark};
  --link-hover-color: #{$link-hover-color-dark};
  --placeholder-color: #{$placeholder-color-dark};
  --syntax-comment: #{$syntax-comment-dark};
  --syntax-error: #{$syntax-error-dark};
  --syntax-keyword: #{$syntax-keyword-dark};
  --syntax-operator: #{$syntax-operator-dark};
  --syntax-function: #{$syntax-function-dark};
  --syntax-variable: #{$syntax-variable-dark};
  --syntax-string: #{$syntax-string-dark};
  --syntax-number: #{$syntax-number-dark};
  --syntax-attribute: #{$syntax-attribute-dark};
  --syntax-class: #{$syntax-class-dark};
  --syntax-builtin: #{$syntax-builtin-dark};
  --syntax-namespace: #{$syntax-namespace-dark};
  --syntax-constant: #{$syntax-constant-dark};
  --syntax-deleted: #{$syntax-deleted-dark};
  --syntax-inserted: #{$syntax-inserted-dark};
  --highlight-color: #{$highlight-color-dark};
  --toc-bg-color: #{$toc-bg-color-dark};
}
