/* =========================
BASE CALLOUT
========================= */

.callout{
    margin: 1.6em 0;
    padding: 16px 18px;
    border-radius: 8px;

    background: #26263a;

    border-left: 4px solid #6c6cff;

    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}


/* TITLE */

.callout-title{
    font-weight:600;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap: 6px;
}

.callout-title-text{
    font-size:0.95rem;
}

/* BODY */

.callout-content{
    color:#dcdfe4;
}

.callout-content p{
    margin:0.4em 0;
}


/* =========================
TYPE COLORS
========================= */

.callout-note{
    background:#1f2d44;
    border-left-color:#5aa9ff;
    /* color is the same as border-left-color */
    color:#5aa9ff;
}

.callout-abstract{
    background:#243a3c;
    border-left-color:#4fd2c2;
    color: #4fd2c2;
}

.callout-info{
    background:#1f2d44;
    border-left-color:#1f8cff;
    color: #1f8cff;
}

.callout-todo{
    background:#1f2d44;
    border-left-color:#1f8cff;
    color: #1f8cff;
}

.callout-tip{
    background:#243a3c;
    border-left-color:#67e8f9;
    color: #67e8f9;
}

.callout-success{
    background:#243c2e;
    border-left-color:#22c55e;
    color: #22c55e;
}

.callout-question{
    background:#3a3228;
    border-left-color:#f59e0b;
    color: #f59e0b;
}

.callout-warning{
    background:#3a2f22;
    border-left-color:#f59e0b;
    color: #f59e0b;
}

.callout-failure{
    background:#3b2227;
    border-left-color:#ef4444;
    color: #ef4444;
}

.callout-danger{
    background:#3b2227;
    border-left-color:#ef4444;
    color: #ef4444;
}

.callout-bug{
    background:#3b2227;
    border-left-color:#ef4444;
    color: #ef4444;
}

.callout-example{
    background:#2f2d44;
    border-left-color:#a78bfa;
    color: #a78bfa;
}

.callout-quote{
    background:#2a2a30;
    border-left-color:#9ca3af;
    color: #9ca3af;
}


/* =========================
CALLOUT ICONS
========================= */

/* ICON BASE */
.callout-icon{
    margin-right:8px;
    font-size: 1rem;
    line-height:1;
}

.callout-note .callout-icon::before { content: "📝"; }
.callout-abstract .callout-icon::before { content: "📄"; }
.callout-info .callout-icon::before { content: "ℹ️"; }
.callout-todo .callout-icon::before { content: "✅"; }

.callout-tip .callout-icon::before { content: "💡"; }
.callout-success .callout-icon::before { content: "✔️"; }

.callout-question .callout-icon::before { content: "❓"; }

.callout-warning .callout-icon::before { content: "⚠️"; }

.callout-danger .callout-icon::before,
.callout-failure .callout-icon::before,
.callout-bug .callout-icon::before { content: "⛔"; }

.callout-example .callout-icon::before { content: "📌"; }

.callout-quote .callout-icon::before { content: "💬"; }