:root {
    --md-text-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    --md-code-font: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --md-admonition-icon--softcare: url('data:image/svg+xml;charset=utf-8,<svg width="100" height="53" version="1.1" viewBox="0 0 100 53" xmlns="http://www.w3.org/2000/svg"><path d="m100 1.2s-18 11-26 32c-6.8 18 6.7 19 6.7 19s-28 2.8-20-18c8.4-24 40-33 40-33z"/><path d="m0 53s42 2 58-26c13-23 42-27 42-27s-37 0-54 24c-19 28-46 28-46 28z"/></svg>');
    --md-primary-fg-color: #829632;

    --sc-green: #829632;
    --sc-green-transparent: #8296321a;
    --sc-black: #3C3C3C;

    --bs-success: #28a745;
    --bs-danger: #dc3545;
    --bs-warning: #ffc107;
    --bs-info: #17a2b8;
    --bs-secondary: #6c757d;
    --bs-light: #f8f9fa;
}

.md-typeset .admonition.config,
.md-typeset details.config {
    border-color: #9e9e9e;
}

.md-typeset .config>.admonition-title,
.md-typeset .config>summary {
    background-color: #9e9e9e1a;
}

.md-typeset .config>.admonition-title::before,
.md-typeset .config>summary::before {
    background-color: #9e9e9e;
    mask-image: var(--md-admonition-icon--info);
}

.md-typeset .admonition.softcare,
.md-typeset details.softcare {
    border-color: var(--sc-green);
}

.md-typeset .softcare>.admonition-title,
.md-typeset .softcare>summary {
    background-color: var(--sc-green-transparent);
}

.md-typeset .softcare>.admonition-title::before,
.md-typeset .softcare>summary::before {
    background-color: var(--sc-green);
    mask-image: var(--md-admonition-icon--softcare);
}

.md-typeset dt {
    font-weight: bold;
}

.md-typeset dd {
    margin-top: .75em;
    margin-bottom: .75em;
}

[dir="ltr"] .md-typeset dd>ol,
[dir="ltr"] .md-typeset dd>ul {
    margin-left: 0;
}

.md-typeset h2 {
    border-bottom: 1px solid var(--md-typeset-a-color);
}

.md-typeset h3 {
    border-bottom: 1px dashed var(--md-typeset-a-color);
}

.md-typeset h1,
.md-typeset h2 {
    font-weight: normal;
    letter-spacing: normal;
}

.md-typeset li::marker {
    color: var(--md-default-fg-color--light);
    font-size: 90%;
    font-weight: bold;
}

img.icon {
    width: 1.25em;
    height: 1em;
    position: relative;
    top: 2px;
}

img.img-center {
    display: block;
    margin: auto;
}

sc-btn,
sc-btn-blue,
sc-badge-red,
sc-badge-green,
sc-badge-yellow,
sc-badge-lightblue,
sc-badge-gray,
sc-badge-white,
sc-badge-red-border,
sc-badge-dark-red {
    display: inline-block;
    border-radius: .25rem;
    padding: 0 .25rem;
}

sc-badge-red,
sc-badge-green,
sc-badge-yellow,
sc-badge-lightblue,
sc-badge-gray,
sc-btn-blue,
sc-badge-dark-red {
    color: white;
    font-weight: 600;
}

sc-btn {
    color: black;
    background: #f8f9fa;
    border: 1px solid #ced4da;
}

sc-badge-red-border {
    color: red;
    background: white; 
    border: 1px solid red;
}

sc-badge-red-border img {
    filter: invert(19%) sepia(96%) saturate(7500%) hue-rotate(358deg) brightness(100%) contrast(100%);
}


sc-btn-blue {
    background: #007bff;
    border: 1px solid #007bff;
}

sc-badge-dark-red {
    background: #9f3a38;
    border: 1px solid #9f3a38;
}

sc-badge-red img,
sc-badge-green img,
sc-badge-yellow img,
sc-badge-lightblue img,
sc-badge-gray img,
sc-btn-blue img,
sc-badge-dark-red img {
    filter: invert(1);
}

sc-badge-green {
    background: var(--bs-success);
}

a[href]:hover sc-badge-green{
    background-color:#1e7e34;
}

sc-badge-red {
    background: var(--bs-danger);
}

a[href]:hover sc-badge-red {
    background-color:#bd2130;
}

sc-badge-yellow {
    background: var(--bs-warning);
}

a[href]:hover sc-badge-yellow {
    background-color:#d39e00;
}

sc-badge-lightblue {
    background: var(--bs-info);
}

a[href]:hover sc-badge-lightblue {
    background-color:#117a8b;
}

sc-badge-gray {
    background: var(--bs-secondary);
}

a[href]:hover sc-badge-gray {
    background-color:#545b62;
}

sc-badge-white {
    background: var(--bs-light);
    color: black;
    font-weight: 600;
}

a[href]:hover sc-badge-white {
    background-color:#dae0e5;
}

sc-menu,
sc-permissions,
sc-module,
sc-permission-read {
    font-size: 85%;
    padding: .5rem 1rem;
    border-radius: .5rem;
    display: block;
    width: 100%;
    font-family: var(--md-code-font);
}

sc-menu {
    color: white;
    background: var(--sc-black);
}

sc-menu::before {
    content: "Voce di menu: ";
    font-weight: bold;
}

sc-permissions {
    color: white;
    border: 1px solid #1e7e34;
    background: var(--sc-green);
}

sc-permissions::before {
    content: "Ruoli abilitati: ";
    font-weight: bold;
}

sc-permission-read {
    border: 1px solid var(--sc-green);
    background: var(--sc-green-transparent);
}

sc-permission-read::before {
    content: "Ruoli con permessi di lettura: ";
    font-weight: bold;
}

sc-module {
    border: 1px solid var(--bs-info);
    background: #17a2b81a;
}

sc-module::before {
    content: "Modulo richiesto: ";
    font-weight: bold;
}

a[href*="TODO"] {
    color: var(--bs-danger) !important;
}