/* ===========================================================================
   RL Bootcamp — Brand stylesheet
   ---------------------------------------------------------------------------
   This is the SINGLE place to change the look of the site. The palette mirrors
   the bootcamp landing page so the primer and the event site stay consistent.

   To rebrand for a new edition:
     * Colours .......... edit the --rlb-* variables in :root below.
     * Logo / favicon ... drop files in docs/assets/ and point mkdocs.yml
                          theme.logo / theme.favicon at them.
     * Icons ............ change theme.icon.* in mkdocs.yml (Material or
                          FontAwesome icon names).
   =========================================================================== */

:root {
  /* ---- Bootcamp brand palette ---- */
  --rlb-bg:           #0d1117;
  --rlb-surface:      #161b22;
  --rlb-text:         #ffffff;
  --rlb-text-muted:   #8b949e;
  --rlb-accent:       #58a6ff;   /* primary blue   */
  --rlb-accent-2:     #3fb950;   /* neon green     */
  --rlb-border:       rgba(240, 246, 252, 0.1);
}

/* --- Map the brand palette onto Material's custom colour slots --- */

/* Light scheme */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        var(--rlb-accent);
  --md-primary-fg-color--light: #7cb8ff;
  --md-primary-fg-color--dark:  #2f81f7;
  --md-accent-fg-color:         var(--rlb-accent-2);
  --md-typeset-a-color:         #1f6feb;
}

/* Dark scheme — the bootcamp's signature look */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        var(--rlb-accent);
  --md-primary-fg-color--light: #7cb8ff;
  --md-primary-fg-color--dark:  #2f81f7;
  --md-accent-fg-color:         var(--rlb-accent-2);

  --md-default-bg-color:        var(--rlb-bg);
  --md-typeset-a-color:         var(--rlb-accent);
  --md-code-bg-color:           var(--rlb-surface);
}

/* Brand wordmark in the header — solid white for maximum contrast */
.md-header__title .md-ellipsis {
  font-weight: 700;
  color: #ffffff;
}

/* Subtle radial glow behind the page title, echoing the website hero */
[data-md-color-scheme="slate"] .md-content {
  background:
    radial-gradient(circle at 50% -10%,
      rgba(88, 166, 255, 0.08) 0%, transparent 45%);
}

/* Rounded code blocks + branded copy button hover */
.md-typeset pre > code { border-radius: 8px; }
.md-clipboard:hover { color: var(--rlb-accent-2); }

/* Version chip in the header */
.md-version {
  border: 1px solid var(--rlb-border);
  border-radius: 6px;
}

/* Checklist items on the "Before you arrive" page sit a little tighter */
.md-typeset .task-list-item { margin-bottom: 0.2rem; }