/* Piros theme for the Wagtail admin: brand colours and the site's Persian font. */

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/Vazirmatn-Variable.f6d31671339d.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-display: swap;
}

:root {
    /* Sidebar and headings: #033a3f */
    --w-color-primary-hue: 185;
    --w-color-primary-saturation: 90.9%;
    --w-color-primary-lightness: 12.9%;
    /* Buttons, links and focus: #065f67 */
    --w-color-secondary-hue: 184.9;
    --w-color-secondary-saturation: 89%;
    --w-color-secondary-lightness: 21.4%;

    --w-font-sans: "Vazirmatn", Tahoma, -apple-system, "Segoe UI", system-ui, sans-serif;
}

/* ---------- Login page ---------- */

.login .content-wrapper {
    border-top: 4px solid #c98139;
}

.cms-login-logo {
    display: block;
    width: 200px;
    max-width: 70%;
    height: auto;
    margin: 0 auto 12px;
}

.cms-login-intro {
    margin: 0 0 20px;
    color: #5b6475;
    text-align: center;
    line-height: 1.8;
}

.cms-login-footer {
    margin-top: 20px;
    text-align: center;
    font-size: 0.9rem;
}

/* ---------- Sidebar logo ---------- */

.cms-sidebar-logo {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------- Dashboard quick actions ---------- */

.cms-quick {
    margin-bottom: 2rem;
    padding: 1.5rem;
    border-radius: 12px;
    background: #e8e6f3;
}

.cms-quick h2 {
    margin-top: 0;
}

.cms-quick__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

.cms-quick__note {
    margin: 0;
    color: #5b6475;
    line-height: 1.8;
}