/* Inter font — everywhere */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

html,
body,
.md-typeset,
.md-nav,
.md-header,
.md-search__form,
.md-footer {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ASF site colors: black, white, dimgray, silver, orange #dc3900 */
:root,
:root > *,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --asf-orange: #dc3900;
  --asf-dimgray: #696969;
  --asf-silver: #c0c0c0;
  /* accent #dc3900 everywhere — Material theme variables */
  --md-accent-fg-color: #dc3900;
  --md-accent-bg-color: #dc3900;
  /* links — default & light scheme */
  --md-typeset-a-color: #dc3900;
  --md-typeset-a-hl-color: #dc3900;
  --md-typeset-a-color--light: #dc3900;
  --md-typeset-a-hl-color--light: #dc3900;
  /* links — dark (slate) scheme */
  --md-typeset-a-color--dark: #dc3900;
  --md-typeset-a-hl-color--dark: #dc3900;
  /* scrollbar, focus, tabs */
  --scrollbar-highlight-color: #dc3900;
}

/* Accent / links - orange #dc3900 (explicit overrides) */
.md-typeset a,
.md-typeset a:link,
.md-typeset a:visited,
.md-typeset a:hover,
.md-typeset a:active,
.md-typeset a:focus {
  color: #dc3900 !important;
}

.md-typeset a:hover {
  text-decoration: underline;
}

.md-nav__link--active,
.md-nav__link--active:hover {
  color: #dc3900 !important;
}

.md-nav__link:hover,
.md-nav__link:focus {
  color: #dc3900 !important;
}

/* Search, tabs, footer/header links — #dc3900 */
.md-search__form:hover,
.md-search__input:focus,
.md-tabs__link--active,
.md-tabs__link:hover,
.md-tabs__link:focus,
.md-footer a:hover,
.md-header a:hover {
  color: #dc3900 !important;
}

/* Buttons, active states */
.md-button--primary {
  background-color: var(--asf-orange) !important;
  border-color: var(--asf-orange) !important;
}

/* Header - black */
.md-header {
  background-color: black !important;
}

.md-header__title {
  color: white !important;
}

/* Sidebar nav - dimgray/silver for hierarchy */
.md-nav__item .md-nav__link {
  color: var(--asf-dimgray);
}

.md-nav__item--nested > .md-nav__link {
  color: black;
}

/* Tables - silver borders */
.md-typeset table:not([class]) {
  border: 1px solid var(--asf-silver);
}

.md-typeset table:not([class]) th {
  background-color: var(--asf-silver);
  color: black;
}

/* About us — company description, compact */
.about-us {
  margin: 1rem 0;
  padding: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: black;
  max-width: 48em;
}

.about-us strong {
  color: black;
  font-weight: 600;
}

/* Quick Start — unified block, minimal frames */
.quick-start {
  padding: 1.5rem 1.75rem;
  margin: 1.5rem 0;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.quick-start-item {
  margin: 0.75rem 0;
}

.quick-start-item:first-child {
  margin-top: 0;
}

.quick-start-item strong {
  color: var(--asf-orange);
  font-weight: 600;
}

.quick-start ol {
  margin: 0.5rem 0 0.75rem 1.5rem;
  padding: 0;
}

.quick-start li {
  margin: 0.25rem 0;
}

.quick-start-hint {
  margin: 0.25rem 0 0.75rem 0;
  font-size: 0.9rem;
  color: var(--asf-dimgray);
}

.quick-start-warning {
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  padding-left: 1rem;
  border-left: 3px solid var(--asf-orange);
  background-color: rgba(220, 57, 0, 0.04);
  font-size: 0.9rem;
}

/* Important note — framed info block */
.important-note {
  font-size: 0.9rem;
  line-height: 1.5;
  padding: 1rem 1.25rem;
  margin: 1.25rem 0;
  border: 1px solid var(--asf-silver);
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
}

.important-note p {
  margin: 0.5rem 0;
}

.important-note p:first-child {
  margin-top: 0;
}

.important-note p:last-child {
  margin-bottom: 0;
}

.important-note strong {
  color: black;
}

.important-note ul {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}

.important-note li {
  margin: 0.25rem 0;
}

/* Centered formula block */
.formula-block {
  text-align: center;
  font-weight: 700;
  font-size: 1.1em;
  margin: 1rem 0;
}

/* Risk disclaimer - smaller font, bordered box */
.risk-disclaimer {
  font-size: 0.8rem;
  line-height: 1.4;
  padding: 1rem 1.25rem;
  border: 1px solid var(--asf-silver);
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
}

/* Bold main nav categories - AddOns, Indicators, Strategies, etc. */
.md-nav--primary .md-nav__item--nested > .md-nav__link {
  font-weight: 700 !important;
}

/* Bold sub-categories - ATM, Autostrategies */
.md-nav--primary .md-nav__item--nested .md-nav__item--nested > .md-nav__link {
  font-weight: 600 !important;
}

/* Version badge on index page */
.version-badge {
  display: inline-block;
  margin: 0.25rem 0 1.25rem 0;
  padding: 0.2rem 0.75rem;
  border-radius: 999px;
  background-color: rgba(220, 57, 0, 0.08);
  color: #dc3900;
  font-size: 0.85rem;
  font-weight: 600;
}