/*
  المشجرة - نظام القوالب المركزي
  الملف المسؤول عن ألوان الموقع العامة.
  تغيير القالب يتم بتغيير class على body مثل: theme-heritage أو theme-blue.
*/

:root,
body.theme-heritage,
.ft-theme-preview.theme-heritage,
.theme-card.theme-heritage{
    --ft-page-bg:#f7f2ea;
    --ft-page-bg-2:#fbf8f2;
    --ft-card-bg:#fffdfa;
    --ft-card-bg-soft:#fbf6ee;
    --ft-primary:#0f3b63;
    --ft-primary-2:#174d7d;
    --ft-primary-soft:#eaf2f7;
    --ft-accent:#b8873a;
    --ft-accent-soft:#f5ead7;
    --ft-border:#e4d7c5;
    --ft-border-strong:#d5c3aa;
    --ft-text:#1f2933;
    --ft-muted:#667085;
    --ft-success:#16794c;
    --ft-success-soft:#e7f6ef;
    --ft-warning:#9a6415;
    --ft-warning-soft:#fff4df;
    --ft-danger:#b42318;
    --ft-danger-2:#8f1d14;
    --ft-danger-soft:#fff0ee;
    --ft-info:#2563eb;
    --ft-info-soft:#eef4ff;
    --ft-shadow:0 10px 30px rgba(15,59,99,.08);
    --ft-shadow-soft:0 6px 18px rgba(15,59,99,.06);
    --ft-radius:18px;
    --ft-radius-sm:12px;
}

body.theme-blue,
.ft-theme-preview.theme-blue,
.theme-card.theme-blue{
    --ft-page-bg:#f4f8fb;
    --ft-page-bg-2:#f9fcfe;
    --ft-card-bg:#ffffff;
    --ft-card-bg-soft:#f2f7fb;
    --ft-primary:#123f63;
    --ft-primary-2:#1f5f8f;
    --ft-primary-soft:#e8f2f8;
    --ft-accent:#8a6a2f;
    --ft-accent-soft:#f1ead9;
    --ft-border:#d8e4ee;
    --ft-border-strong:#bfd2e2;
    --ft-text:#17212b;
    --ft-muted:#667085;
    --ft-success:#157347;
    --ft-success-soft:#e8f7ee;
    --ft-warning:#946200;
    --ft-warning-soft:#fff5df;
    --ft-danger:#b42318;
    --ft-danger-2:#8f1d14;
    --ft-danger-soft:#fff0ee;
    --ft-info:#2563eb;
    --ft-info-soft:#eef4ff;
    --ft-shadow:0 10px 30px rgba(18,63,99,.08);
    --ft-shadow-soft:0 6px 18px rgba(18,63,99,.06);
    --ft-radius:18px;
    --ft-radius-sm:12px;
}

body.theme-light,
.ft-theme-preview.theme-light,
.theme-card.theme-light{
    --ft-page-bg:#f6f7f8;
    --ft-page-bg-2:#fbfbfc;
    --ft-card-bg:#ffffff;
    --ft-card-bg-soft:#f8fafc;
    --ft-primary:#1f2937;
    --ft-primary-2:#374151;
    --ft-primary-soft:#eef2f7;
    --ft-accent:#9b7a3a;
    --ft-accent-soft:#f4eddc;
    --ft-border:#e2e8f0;
    --ft-border-strong:#cbd5e1;
    --ft-text:#111827;
    --ft-muted:#64748b;
    --ft-success:#15803d;
    --ft-success-soft:#ecfdf3;
    --ft-warning:#a16207;
    --ft-warning-soft:#fef7e6;
    --ft-danger:#b42318;
    --ft-danger-2:#8f1d14;
    --ft-danger-soft:#fff1f0;
    --ft-info:#2563eb;
    --ft-info-soft:#eff6ff;
    --ft-shadow:0 10px 28px rgba(17,24,39,.07);
    --ft-shadow-soft:0 6px 18px rgba(17,24,39,.05);
    --ft-radius:18px;
    --ft-radius-sm:12px;
}

body.theme-gold,
.ft-theme-preview.theme-gold,
.theme-card.theme-gold{
    --ft-page-bg:#fbf5e8;
    --ft-page-bg-2:#fffaf1;
    --ft-card-bg:#fffdf8;
    --ft-card-bg-soft:#fbf1dc;
    --ft-primary:#3e3321;
    --ft-primary-2:#5c4724;
    --ft-primary-soft:#f2eadb;
    --ft-accent:#b88728;
    --ft-accent-soft:#f7e8c7;
    --ft-border:#e5cf9d;
    --ft-border-strong:#d1ae68;
    --ft-text:#2b2115;
    --ft-muted:#756858;
    --ft-success:#16794c;
    --ft-success-soft:#e8f7ee;
    --ft-warning:#925f10;
    --ft-warning-soft:#fff1d2;
    --ft-danger:#b42318;
    --ft-danger-2:#8f1d14;
    --ft-danger-soft:#fff0ee;
    --ft-info:#1f5f8f;
    --ft-info-soft:#edf5fb;
    --ft-shadow:0 10px 30px rgba(92,71,36,.09);
    --ft-shadow-soft:0 6px 18px rgba(92,71,36,.06);
    --ft-radius:18px;
    --ft-radius-sm:12px;
}

body.theme-green,
.ft-theme-preview.theme-green,
.theme-card.theme-green{
    --ft-page-bg:#f3f7f0;
    --ft-page-bg-2:#fbfdf8;
    --ft-card-bg:#fffefa;
    --ft-card-bg-soft:#f3f8ed;
    --ft-primary:#214d38;
    --ft-primary-2:#2f6f4e;
    --ft-primary-soft:#e9f3ed;
    --ft-accent:#a77b33;
    --ft-accent-soft:#f3ead8;
    --ft-border:#d8e5cf;
    --ft-border-strong:#bdcfaf;
    --ft-text:#18261f;
    --ft-muted:#647067;
    --ft-success:#16794c;
    --ft-success-soft:#e7f6ef;
    --ft-warning:#946200;
    --ft-warning-soft:#fff5df;
    --ft-danger:#b42318;
    --ft-danger-2:#8f1d14;
    --ft-danger-soft:#fff0ee;
    --ft-info:#2563eb;
    --ft-info-soft:#eef4ff;
    --ft-shadow:0 10px 30px rgba(33,77,56,.08);
    --ft-shadow-soft:0 6px 18px rgba(33,77,56,.06);
    --ft-radius:18px;
    --ft-radius-sm:12px;
}

body.ft-theme{
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--ft-accent-soft) 55%, transparent), transparent 34%),
        linear-gradient(180deg, var(--ft-page-bg), var(--ft-page-bg-2)) !important;
    color:var(--ft-text) !important;
    font-family:Tahoma, Arial, sans-serif;
}

body.ft-theme a{
    color:var(--ft-primary);
}

body.ft-theme ::selection{
    background:var(--ft-accent-soft);
    color:var(--ft-primary);
}