src/prompt_optimizer.css

/* 🎨 رنگ و فونت کلی صفحه */
html, body, [class*="stAppViewContainer"] {
    font-family: "IRANSans", sans-serif !important;
    background-color: #1058a0 !important;
    color: #16d777 !important;
}

/* ⚙️ Expander */
div[data-testid="stExpander"] {
    background-color: #03b5a4 !important;
    border-radius: 16px !important;
    border: 1px solid #0b8850 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
    padding: 8px 14px !important;
}
div[data-testid="stExpander"] p,
div[data-testid="stExpander"] label {
    color: #d8ffeb !important;
}

/* 🚀 دکمه اصلی */
button[kind="primary"] {
    background-color: #46c8e5 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 100px 22px !important;
    transition: 0.3s ease !important;
    border: none !important;
}
button[kind="primary"]:hover {
    background-color: #16d777 !important ;
    transform: scale(1.02);
}

/* ✏️ فیلدهای متنی */
input, textarea {
    border-radius: 10px !important;
    border: 1px solid #b3e4f9 !important;
    background-color: #a9f7c5 !important;
    color: #0f023b !important;
}
input::placeholder, textarea::placeholder {
    color: #5c84d4 !important;
}

/* 💠 تیترها و خطوط جداکننده */
h1, h2, h3 {
    color: #6ac2b9 !important;
}
h1 {
    text-shadow: 0 0 6px rgba(109, 220, 165, 0.4);
}
hr {
    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/* 📦 خروجی نهایی */
pre {
    background-color: #68efa5 !important;
    border-radius: 12px !important;
    color: #063a2b !important;
    padding: 14px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}