
:root  > * {
  /* xCloud CI colors*/
  --xc-indigo: #004c61;
  --xc-sky: #97c1e0;
  --xc-ice-blue: #eaf2fa;
  --xc-seasalt: #fafafa;
  --xc-lime: #baf730;
  --xc-lime-light: #b4ea34;

  /* xCloud additional UI colors */
  --xc-charcoal: #334a5d;
  --xc-berry: #ff0a60; /* deprecated */
  --xc-neo-berry: #ff1f6c;
  --xc-berry-light: #e60956;
  --xc-dark-indigo: #003a52;
  --xc-midnight-indigo: #012738;
  --xc-night-black: #00080d;
  --xc-rich-black: #00151f;
  --xc-light-indigo: #05719e;
  --xc-mandarine: #ffb031;
  --xc-platinum: #c0c6cc;

  /* light theme */
  --md-primary-fg-color: var(--xc-indigo);
  --md-primary-fg-color--light: var(--xc-sky);
  --md-accent-fg-color: var(--xc-indigo);

  --md-typeset-a-color: var(--xc-light-indigo);

  --md-footer-bg-color: var(--xc-indigo);
  --md-footer-bg-color--dark: var(--xc-indigo);
  --md-footer-fg-color--light: var(--xc-sky);

  --xc-admonition-info: var(--xc-light-indigo);
  --xc-admonition-tip: var(--xc-sky);
  --xc-admonition-success: var(--xc-lime);
  --xc-admonition-warning: var(--xc-mandarine);
  --xc-admonition-danger: var(--xc-neo-berry);
}

[data-md-color-scheme="slate"] {
  /* dark theme */
  --md-typeset-color: var(--xc-platinum);
  --md-primary-fg-color: var(--xc-indigo);
  --md-primary-fg-color--light: var(--xc-light-indigo);
  --md-accent-fg-color: var(--xc-lime);

  --md-typeset-a-color: var(--xc-sky);
}

.md-content > .md-typeset a, .md-footer > .md-typeset a {
    text-decoration: underline;
}

.md-typeset h1, .md-typeset h2, .md-typeset h3,
.md-typeset h4, .md-typeset h5, .md-typeset h6 {
    letter-spacing: normal; 
}

.md-search__input {
    letter-spacing: inherit;
} 

/* !!! info */
.md-typeset .admonition.info {
    border-color: var(--xc-admonition-info);
}

.md-typeset .admonition.info>.admonition-title {
    background-color: color-mix(in srgb, var(--xc-admonition-info) 25%, transparent);
}

.md-typeset .admonition.info>.admonition-title::before {
    background-color: var(--xc-admonition-info);
}

/* !!! tip */
.md-typeset .admonition.tip {
    border-color: var(--xc-admonition-tip);
}

.md-typeset .admonition.tip>.admonition-title {
    background-color: color-mix(in srgb, var(--xc-admonition-tip) 25%, transparent);
}

.md-typeset .admonition.tip>.admonition-title::before {
    background-color: var(--xc-admonition-tip);
}

/* !!! success */
.md-typeset .admonition.success {
    border-color: var(--xc-admonition-success);
}

.md-typeset .admonition.success>.admonition-title {
    background-color: color-mix(in srgb, var(--xc-admonition-success) 25%, transparent);
}

.md-typeset .admonition.success>.admonition-title::before {
    background-color: var(--xc-admonition-success);
}

/* !!! warning */
.md-typeset .admonition.warning {
    border-color: var(--xc-admonition-warning);
}

.md-typeset .admonition.warning>.admonition-title {
    background-color: color-mix(in srgb, var(--xc-admonition-warning) 25%, transparent);
}

.md-typeset .admonition.warning>.admonition-title::before {
    background-color: var(--xc-admonition-warning);
}

/* !!! danger */
.md-typeset .admonition.danger {
    border-color: var(--xc-admonition-danger);
}

.md-typeset .admonition.danger>.admonition-title {
    background-color: color-mix(in srgb, var(--xc-admonition-danger) 25%, transparent);
}

.md-typeset .admonition.danger>.admonition-title::before {
    background-color: var(--xc-admonition-danger);
}

.md-content ol {
    counter-reset: list;
    padding-left: .75em;
}

.md-content ol > li {
    list-style: none;
    counter-increment: list;
}

.md-content ol > li::marker {
   content: counter(list, lower-alpha) ")\2000";
}