/* Important Box Plugin — v1.0.4 */

/* ── Renk paleti ─────────────────────────────────────── */
:root {
    --ib-green-accent:  #74A824;
    --ib-blue-accent:   #1878c8;
    --ib-red-accent:    #CC3300;
    --ib-orange-accent: #CC8300;
    --ib-purple-accent: #9E0E87;
    --ib-grey-accent:   #666666;
    --ib-brown-accent:  #8B6846;
}

/* ── Temel kutu — varsayılan KOYU tema ───────────────── */
.ib-box {
    position: relative;
    display: block;
    margin: 20px 0;
    padding: 14px 16px;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    background-color: #1a1a1a;
    color: #e8e8e8;
}

/* ── Başlık — varsayılan KOYU tema ───────────────────── */
.ib-title {
    position: absolute;
    top: -13px;
    left: 12px;
    display: inline-block;
    padding: 2px 10px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    border-radius: 2px;
    background-color: #1a1a1a;
}

/* ── İçerik alanı ────────────────────────────────────── */
.ib-content {
    margin-top: 4px;
    line-height: 1.65;
    font-size: 0.92rem;
}

.ib-content strong,
.ib-content b {
    font-weight: 700;
}

/* ── Border renkleri ─────────────────────────────────── */
.ib-box--green  { border-color: var(--ib-green-accent);  }
.ib-box--blue   { border-color: var(--ib-blue-accent);   }
.ib-box--red    { border-color: var(--ib-red-accent);    }
.ib-box--orange { border-color: var(--ib-orange-accent); }
.ib-box--purple { border-color: var(--ib-purple-accent); }
.ib-box--grey   { border-color: var(--ib-grey-accent);   }
.ib-box--brown  { border-color: var(--ib-brown-accent);  }

/* ── Başlık renkleri ─────────────────────────────────── */
.ib-title--green  { color: var(--ib-green-accent);  }
.ib-title--blue   { color: var(--ib-blue-accent);   }
.ib-title--red    { color: var(--ib-red-accent);    }
.ib-title--orange { color: var(--ib-orange-accent); }
.ib-title--purple { color: var(--ib-purple-accent); }
.ib-title--grey   { color: var(--ib-grey-accent);   }
.ib-title--brown  { color: var(--ib-brown-accent);  }

/* ══════════════════════════════════════════════════════
   AÇIK TEMA — body.light-mode class'ı gelince
   ══════════════════════════════════════════════════════ */
body.light-mode .ib-box {
    background-color: #ffffff;
    color: #1a1a1a;
}

body.light-mode .ib-title {
    background-color: #ffffff;
}