/* ================================================================
   DeepGBoost Docs — Design tokens from delgadopanadero.com
   ================================================================ */

/* ── Light mode ──────────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  /* Primary / accent */
  --md-primary-fg-color:              #5b21b6;
  --md-primary-fg-color--light:       #6d28d9;
  --md-primary-fg-color--dark:        #4c1d95;
  --md-primary-bg-color:              #ffffff;
  --md-primary-bg-color--light:       rgba(255, 255, 255, 0.7);

  --md-accent-fg-color:               #5b21b6;
  --md-accent-fg-color--transparent:  rgba(91, 33, 182, 0.1);
  --md-accent-bg-color:               #ffffff;

  /* Backgrounds */
  --md-default-bg-color:              #ffffff;
  --md-default-bg-color--light:       #f5f5f5;
  --md-default-bg-color--lighter:     #eeeeee;
  --md-default-bg-color--lightest:    #e5e5e5;
  --md-code-bg-color:                 #eeeeee;

  /* Text */
  --md-default-fg-color:              #000000;
  --md-default-fg-color--light:       #555555;
  --md-default-fg-color--lighter:     #999999;
  --md-default-fg-color--lightest:    rgba(0, 0, 0, 0.1);

  /* Links */
  --md-typeset-a-color:               #5b21b6;

  /* Shadows */
  --md-shadow-z1: 0 1px 3px rgba(0, 0, 0, 0.1);
  --md-shadow-z2: 0 4px 12px rgba(0, 0, 0, 0.15);
  --md-shadow-z3: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ── Dark mode ───────────────────────────────────────────────── */
[data-md-color-scheme="slate"] {
  /* Primary / accent */
  --md-primary-fg-color:              #7c3aed;
  --md-primary-fg-color--light:       #9b59f7;
  --md-primary-fg-color--dark:        #6d28d9;
  --md-primary-bg-color:              #ffffff;
  --md-primary-bg-color--light:       rgba(255, 255, 255, 0.7);

  --md-accent-fg-color:               #7c3aed;
  --md-accent-fg-color--transparent:  rgba(124, 58, 237, 0.12);
  --md-accent-bg-color:               #ffffff;

  /* Backgrounds */
  --md-default-bg-color:              #000000;
  --md-default-bg-color--light:       #111111;
  --md-default-bg-color--lighter:     #1a1a1a;
  --md-default-bg-color--lightest:    #222222;
  --md-code-bg-color:                 #1a1a1a;

  /* Text */
  --md-default-fg-color:              #ffffff;
  --md-default-fg-color--light:       #888888;
  --md-default-fg-color--lighter:     #555555;
  --md-default-fg-color--lightest:    rgba(255, 255, 255, 0.12);

  /* Links */
  --md-typeset-a-color:               #9b59f7;

  /* Shadows */
  --md-shadow-z1: 0 1px 3px rgba(0, 0, 0, 0.4);
  --md-shadow-z2: 0 4px 12px rgba(0, 0, 0, 0.5);
  --md-shadow-z3: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* ── Nav links — adapt to scheme ────────────────────────────── */
.md-nav__link:hover,
.md-nav__link--active,
.md-nav__item--active > .md-nav__link {
  color: var(--md-typeset-a-color);
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--md-primary-bg-color);
}