/* ============================================================
   Subscribed Engineering Handbook — Custom Theme
   Aligned with subscribed.dk brand identity
   ============================================================ */

/* --- Color tokens --- */
:root {
  --subscribed-blue:       #3D5CE0;
  --subscribed-blue-dark:  #2D49C8;
  --subscribed-black:      #0A0A0A;
  --subscribed-grey-light: #F5F5F5;
  --subscribed-grey-mid:   #E8E8E8;
}

/* --- Primary (nav header + tabs) --- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        var(--subscribed-black);
  --md-primary-fg-color--light: #1a1a1a;
  --md-primary-fg-color--dark:  #000000;
  --md-primary-bg-color:        #ffffff;

  --md-accent-fg-color:         var(--subscribed-blue);
  --md-accent-fg-color--transparent: rgba(61, 92, 224, 0.1);

  --md-default-bg-color:        #ffffff;
  --md-default-fg-color:        var(--subscribed-black);
  --md-default-fg-color--light: #444444;

  --md-typeset-a-color:         var(--subscribed-blue);

  --md-code-bg-color:           var(--subscribed-grey-light);
  --md-code-fg-color:           var(--subscribed-black);
}

/* --- Dark scheme --- */
[data-md-color-scheme="slate"] {
  --md-accent-fg-color:         #6B84F0;
  --md-typeset-a-color:         #6B84F0;
  --md-primary-fg-color:        #ffffff;
}

/* --- Typography --- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 800;
  letter-spacing: -0.02em;
}

.md-typeset h1 {
  font-size: 2rem;
}

/* --- Navigation header --- */
.md-header {
  background-color: var(--subscribed-black);
  box-shadow: 0 1px 0 rgba(255,255,255,0.08);
}

.md-header__title {
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* --- Tabs --- */
.md-tabs {
  background-color: var(--subscribed-black);
  border-top: 1px solid rgba(255,255,255,0.08);
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #ffffff;
  opacity: 1;
}

.md-tabs__link--active::after {
  background-color: var(--subscribed-blue);
}

/* --- Sidebar --- */
.md-nav__link--active {
  color: var(--subscribed-blue);
  font-weight: 600;
}

/* --- Buttons & CTA --- */
.md-button {
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.md-button--primary {
  background-color: var(--subscribed-blue);
  border-color: var(--subscribed-blue);
}

.md-button--primary:hover {
  background-color: var(--subscribed-blue-dark);
  border-color: var(--subscribed-blue-dark);
}

/* --- Code blocks --- */
.md-typeset pre {
  border-radius: 8px;
}

.md-typeset code {
  border-radius: 4px;
}

/* --- Admonitions --- */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
  border-left-width: 4px;
}

/* --- Cards (homepage grid) --- */
.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  border-radius: 12px;
  border: 1px solid var(--subscribed-grey-mid);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.md-typeset .grid.cards > :is(ul, ol) > li:hover,
.md-typeset .grid > .card:hover {
  box-shadow: 0 4px 24px rgba(61, 92, 224, 0.12);
  transform: translateY(-2px);
}

/* --- Footer --- */
.md-footer {
  background-color: var(--subscribed-black);
}

/* --- Search --- */
.md-search__form {
  border-radius: 999px;
}