/* ------------------------------- */
/* LIGHT MODE                      */
/* ------------------------------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #2a285c;
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #1f1d45;
  --md-default-fg-color--light: #2a285c;
  --md-default-fg-color--lighter: #3c3980;
  --md-code-bg-color: #f2f0ff;

  /* Code highlight colors */
  --md-code-fg-color: #1f1d45;
  --md-code-hl-keyword-color: #8d1858;
  --md-code-hl-string-color: #2a7f62;
  --md-code-hl-comment-color: #7070a0;
  --md-code-hl-name-color: #1f1d45;
  --md-code-hl-literal-color: #b05f00;
  --md-code-hl-operator-color: #3c3980;

  /* FIX: Much better link visibility */
  --md-typeset-a-color: #8d1858; /* visible normal link color */
  --md-accent-fg-color: #c41e7c; /* hover color (your existing tone) */
}

/* ------------------------------- */
/* DARK MODE (your provided scheme)*/
/* ------------------------------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #8d1858;
  --md-default-bg-color: #1f1d45;
  --md-default-fg-color: #fefefe;
  --md-default-fg-color--light: #ffffff;
  --md-primary-fg-color: #8d1858;
  --md-default-bg-color--light: #43436a;
  --md-code-bg-color: #2a2957;

  /* Code highlight colors */
  --md-code-fg-color: #ffffff;
  --md-code-hl-keyword-color: #ff4ea3;
  --md-code-hl-string-color: #6fe8b5;
  --md-code-hl-comment-color: #b1b1d9;
  --md-code-hl-name-color: #ffffff;
  --md-code-hl-literal-color: #ffc86b;
  --md-code-hl-operator-color: #cabfff;
}

.video-wrapper video {
  border-radius: 1px; /* smooth corners */
  overflow: hidden; /* ensures no weird edges leak */
}

/* Frontend Colors - copied for visual reference */
[refernece-colors-frontend] {
  --color-blue-50: #e6e6ff;
  --color-blue-100: #cecdff;
  --color-blue-200: #b6b4ff;
  --color-blue-300: #a3a0fd;
  --color-blue-400: #918dfa;
  --color-blue-500: #6a67dc;
  --color-blue-600: #45439e;
  --color-blue-700: #2a2860;
  --color-blue-800: #1f1e45;
  --color-blue-900: #17163a;
  --color-blue-950: #0a0929;

  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e6e6e6;
  --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a3a3a3;
  --color-neutral-500: #666666;
  --color-neutral-600: #52525b;
  --color-neutral-700: #33333d;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;
  --color-neutral-950: #111111;

  --color-irubis-blue: #1f1e45;
  --color-irubis-darkgray: #33333d;
  --color-irubis-midgray: #666666;
  --color-irubis-lightgray: #e6e6e6;
  --color-irubis-pink: #e8347d;
  --color-irubis-red: #c5005d;
  --color-irubis-yellow: #ffeb00;
  --color-irubis-yellow-orange: #e8d500;
  --color-irubis-orange: #fa4236;

  --color-border: #45439e;
  --color-ring: #45439e;
  --color-input: #2a2860;

  --color-background: #1f1e45;
  --color-background-alt: #17163a;

  --color-foreground: #fafafa;
  --color-foreground-muted: #9999a8;
  --color-foreground-dark: #262626;

  --color-primary: #45439e;
  --color-primary-foreground: #fafafa;
  --color-primary-active: #6a67dc;

  --color-secondary: #8d1858;
  --color-secondary-foreground: #fafafa;
  --color-secondary-active: #a90f5b;

  --color-destructive: #d43c3b;
  --color-destructive-foreground: #fafafa;
  --color-destructive-active: #fa4137;

  --color-muted: #2b314c;
  --color-muted-foreground: #4b5563;

  --color-accent: #2a2860;
  --color-accent-foreground: #fafafa;
  --color-accent-active: #45439e;

  --color-popover: #1f1e45;
  --color-popover-foreground: #fafafa;

  --color-card: #1f1e45;
  --color-card-foreground: #fafafa;

  --color-positive: #15803d;
  --color-positive-foreground: #fafafa;
  --color-positive-active: #16a349;

  --color-warning: #e8d500;
  --color-warning-foreground: #262626;
  --color-warning-active: #ffeb0a;
}