/* Atlas "Bold / Modern" theme for MkDocs Material
 *
 * Brand:     #E8735A (Coral)
 * Secondary: #2E8B57 (Emerald)
 * Tertiary:  #3D4F7C (Deep Indigo)
 *
 * Fonts: Plus Jakarta Sans (body), IBM Plex Mono (code)
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap');

/* ============================================
   Shared variables
   ============================================ */

:root {
  --md-text-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --md-code-font: "IBM Plex Mono", "Fira Code", monospace;
}

/* ============================================
   Light mode
   ============================================ */

[data-md-color-scheme="default"] {
  /* Primary — coral brand for header / top bar */
  --md-primary-fg-color: #E8735A;
  --md-primary-fg-color--light: #ed9480;
  --md-primary-fg-color--dark: #C45D3E;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffff;

  /* Accent — emerald for links & interactive elements */
  --md-accent-fg-color: #2E8B57;
  --md-accent-fg-color--transparent: rgba(46, 139, 87, 0.1);
  --md-accent-bg-color: #ffffff;

  /* Page */
  --md-default-bg-color: #f6f7ed;
  --md-default-fg-color: #1f1f1f;
  --md-default-fg-color--light: #737373;
  --md-default-fg-color--lighter: #a3a3a3;
  --md-default-fg-color--lightest: #e8e8e8;

  /* Typeset */
  --md-typeset-color: #1f1f1f;
  --md-typeset-a-color: #3D4F7C;
  --md-typeset-table-color: rgba(31, 31, 31, 0.06);

  /* Code */
  --md-code-bg-color: #ffffff;
}

/* ============================================
   Dark mode
   ============================================ */

[data-md-color-scheme="slate"] {
  /* Primary — lighter coral for dark backgrounds */
  --md-primary-fg-color: #E8735A;
  --md-primary-fg-color--light: #ed9480;
  --md-primary-fg-color--dark: #C45D3E;
  --md-primary-bg-color: #0f0f0f;
  --md-primary-bg-color--light: #1a1a1a;

  /* Accent — brighter emerald for dark mode */
  --md-accent-fg-color: #3cb371;
  --md-accent-fg-color--transparent: rgba(60, 179, 113, 0.1);

  /* Page */
  --md-default-bg-color: #0f0f0f;
  --md-default-fg-color: #f0f0f0;
  --md-default-fg-color--light: #a3a3a3;
  --md-default-fg-color--lighter: #737373;
  --md-default-fg-color--lightest: #333333;

  /* Typeset */
  --md-typeset-color: #f0f0f0;
  --md-typeset-a-color: #5a6f9a;
  --md-typeset-table-color: rgba(255, 255, 255, 0.06);

  /* Code */
  --md-code-bg-color: #1a1a1a;
}

/* ============================================
   Header
   ============================================ */

.md-header {
  box-shadow: none;
}

.md-header--shadow {
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08),
    0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}

/* ============================================
   Code blocks & admonitions
   ============================================ */

.md-typeset code {
  border-radius: 0.375rem;
}

.md-typeset pre>code {
  border-radius: 0.5rem;
}

.md-typeset .admonition {
  border-radius: 0.5rem;
  border-left-width: 3px;
}

/* ============================================
   Navigation link hover
   ============================================ */

.md-nav__link:hover {
  color: var(--md-accent-fg-color);
}