:root, [data-md-color-scheme="default"] {
  --md-primary-fg-color: #b5472a;
  --md-primary-fg-color--light: #d0643f;
  --md-primary-fg-color--dark: #8f351e;
  --md-accent-fg-color: #b5472a;
  --md-typeset-a-color: #b5472a;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #14201c;
  --md-accent-fg-color: #e0764f;
  --md-typeset-a-color: #e8875f;
  --md-default-bg-color: #101a17;
}
.md-header, .md-tabs { background-color: #14201c; }
.md-typeset h1, .md-typeset h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 700; }
.md-typeset img.shot { border: 1px solid rgba(0,0,0,.12); border-radius: 10px; box-shadow: 0 4px 18px rgba(0,0,0,.08); margin: .6rem 0 1rem; }
.md-typeset .grid.cards > ul > li { border-radius: 12px; }
.kf-help-box { margin-top: 2.5rem; padding: 1rem 1.2rem; border-radius: 12px; background: rgba(181,71,42,.08); border: 1px solid rgba(181,71,42,.25); }
.kf-help-box strong { display:block; margin-bottom:.2rem; }
.md-typeset kbd { font-size: .75em; }
.md-typeset h1 { color: var(--md-default-fg-color); }

/* Video demo en la portada */
.demo-video { margin: 1.2rem auto 2rem; max-width: 720px; }
.demo-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 12px; background: #1C1410; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.demo-video figcaption { margin-top: .6rem; font-size: .8rem; color: var(--md-default-fg-color--light); text-align: center; }

/* Enlaces dentro de un texto: subrayados, para que se distingan sin depender del color (WCAG 1.4.1) */
.md-typeset p a:not(.md-button), .md-typeset li a:not(.md-button), .md-typeset td a { text-decoration: underline; text-underline-offset: 2px; }
.md-typeset .headerlink { text-decoration: none !important; }
.md-typeset img.shot-phone { border: 1px solid rgba(0,0,0,.12); border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,.08); margin: .6rem 0 1rem; max-width: 320px; }