/* ==== Light mode (default) ==== */
:root {
    --md-primary-fg-color: #d00000;
    --md-primary-fg-color--light: #ff6666;
    --md-primary-fg-color--dark: #a00000;
  
    --md-accent-fg-color: #d00000;
  
    --md-default-bg-color: #ffffff;
    --md-footer-bg-color: #ffffff;
  
    --md-typeset-color: #000000;
    --md-default-fg-color: #000000;
  
    --md-code-bg-color: #f5f5f5;
  }
  
  /* ==== Dark mode (slate scheme) ==== */
  [data-md-color-scheme="slate"] {
    --md-primary-fg-color: #ff4d4d;   /* lighter red for dark backgrounds */
    --md-accent-fg-color: #ff4d4d;
  
    --md-default-bg-color: #121212;
    --md-footer-bg-color: #121212;
  
    --md-default-fg-color: #ffffff;
    --md-typeset-color: #ffffff;
  
    --md-code-bg-color: #1e1e1e;
  }

  iframe {
    border: 2px solid #d00000;  /* Add a red border */
    border-radius: 10px;         /* Optional: Rounded corners */
  }