/* Variables */
:root {
  --primary-color: #007bff;
  --primary-dark: #0056b3;
  --primary-text-over: #ffffff;

  --text-main: #1d1d1f;
  --text-secondary: #515154;
  --text-tertiary: #6e6e73;
  --text-link: var(--primary-color);

  --bg-main: #ffffff;
  --bg-secondary: #f5f5f7;
  --bg-card: #ffffff;
  --bg-blur-overlay: rgba(0, 0, 0, 0.2);

  --border-color: rgba(0, 0, 0, 0.1);
  --border-color-strong: rgba(0, 0, 0, 0.15);

  --shadow-color-light-rgb: 0, 0, 0;
  --shadow-opacity-light: 0.08;
  --shadow-opacity-medium: 0.12;
  --shadow-opacity-strong: 0.15;

  --body-font: "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --heading-font: "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --site-title-font: 'Pacifico', cursive;
  --transition-standard: 0.3s ease;
  --bg-image: url('https://source.unsplash.com/random/1600x900?abstract');
  --nr-animation-transform-y: 20px;

  --header-height: 80px;

  --code-block-bg: #f7f7f7;
  --code-block-text: #24292e;
  --code-block-border: #e1e4e8;

  --code-highlight-bg-light: #f7f7f7;
  --code-highlight-text-light: #24292e;
  --code-plain-bg-light: var(--bg-secondary);
  --code-plain-text-light: var(--text-main);
  --code-border-light: var(--border-color);
  --code-left-border-light: var(--primary-color);

  --inline-code-bg: rgba(27,31,35,.07);
  --inline-code-text: var(--text-main);

  --copy-btn-bg: var(--bg-secondary);
  --copy-btn-text: var(--text-tertiary);
  --copy-btn-border: var(--border-color);
  --copy-btn-hover-bg: var(--primary-color);
  --copy-btn-hover-text: var(--primary-text-over);
  --copy-btn-hover-border: var(--primary-color);

  --admonition-note-bg: #e7f3fe;
  --admonition-note-border: #2196F3;
  --admonition-note-text: #1d4c73;
  --admonition-note-heading-text: #1a5f90;

  --admonition-info-bg: #e3f2fd;
  --admonition-info-border: #1976D2;
  --admonition-info-text: #0d47a1;
  --admonition-info-heading-text: #0b3c87;

  --admonition-warning-bg: #fff8e1;
  --admonition-warning-border: #ffa000;
  --admonition-warning-text: #6f4f00;
  --admonition-warning-heading-text: #a07100;

  --admonition-tip-bg: #e8f5e9;
  --admonition-tip-border: #4CAF50;
  --admonition-tip-text: #1b5e20;
  --admonition-tip-heading-text: #2e7d32;
}

html.dark-mode {
  --primary-color: #0a84ff;
  --primary-dark: #0060df;
  --primary-text-over: #ffffff;

  --text-main: #f5f5f7;
  --text-secondary: #a1a1a6;
  --text-tertiary: #86868b;
  --text-link: var(--primary-color);

  --bg-main: #121212;
  --bg-secondary: #1e1e1e;
  --bg-card: #2a2a2a;
  --bg-blur-overlay: rgba(0, 0, 0, 0.5);

  --border-color: rgba(255, 255, 255, 0.15);
  --border-color-strong: rgba(255, 255, 255, 0.2);

  --shadow-color-light-rgb: 0,0,0; /* Note: This was same as light, might need adjustment if truly dark shadows are different */
  --shadow-opacity-light: 0.25;
  --shadow-opacity-medium: 0.35;
  --shadow-opacity-strong: 0.45;

  --code-block-bg: #22272e;
  --code-block-text: #c9d1d9;
  --code-block-border: #444c56;

  --code-highlight-bg-dark: #22272e;
  --code-highlight-text-dark: #c9d1d9;
  --code-plain-bg-dark: #22272e;
  --code-plain-text-dark: #c9d1d9;
  --code-border-dark: #444c56;
  --code-left-border-dark: var(--primary-color);

  --inline-code-bg: rgba(177,186,196,.15);
  --inline-code-text: var(--text-main);

  --copy-btn-bg: #3a3f4b;
  --copy-btn-text: #a9b1bd;
  --copy-btn-border: #4a505a;
  --copy-btn-hover-bg: var(--primary-color);
  --copy-btn-hover-text: var(--primary-text-over);
  --copy-btn-hover-border: var(--primary-color);

  --admonition-note-bg: #2c3a4f;
  --admonition-note-border: #58a6ff;
  --admonition-note-text: #c9d1d9;
  --admonition-note-heading-text: #adc8e6;

  --admonition-info-bg: #2a3647;
  --admonition-info-border: #64b5f6;
  --admonition-info-text: #bbdefb;
  --admonition-info-heading-text: #d1e6fa;

  --admonition-warning-bg: #4d3c1d;
  --admonition-warning-border: #ffca28;
  --admonition-warning-text: #ffe082;
  --admonition-warning-heading-text: #ffd54f;

  --admonition-tip-bg: #2e3b2f;
  --admonition-tip-border: #81c784;
  --admonition-tip-text: #c8e6c9;
  --admonition-tip-heading-text: #a5d6a7;
}