@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300;400;500;600;700&display=swap");

/* Typography */
:root {
  --md-text-font: "Bai Jamjuree", "Century Gothic", "Segoe UI", Arial, sans-serif;
  --md-code-font: Consolas, "Courier New", monospace;
}

[data-md-color-scheme="black-white"] {
  /* Base page colors */
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: rgba(0, 0, 0, 0.87);
  --md-default-fg-color--light: rgba(0, 0, 0, 0.70);
  --md-default-fg-color--lighter: rgba(0, 0, 0, 0.55);
  --md-default-fg-color--lightest: rgba(0, 0, 0, 0.32);

  /* Primary (header/sidebar) */
  /* Note: in Material, "fg" is used as the primary *surface* color */
  --md-primary-fg-color: #ffffff;
  --md-primary-bg-color: #000000;

  /* Accent (links, hover, interactive) */
  --md-accent-fg-color: #000000;
  --md-accent-bg-color: #ffffff;

  /* Links */
  --md-typeset-a-color: #000000;

  /* Code blocks */
  --md-code-bg-color: #f4f4f4;
  --md-code-fg-color: rgba(0, 0, 0, 0.87);

  /* Borders/dividers */
  --md-divider-color: rgba(0, 0, 0, 0.12);
}