﻿/* ============================================================
   پلاک‌فری — ۵ پیشنهاد پالت با محور نارنجی (برند فعلی)
   نارنجی #F97316 حفظ می‌شود؛ هر پیشنهاد ۴ خانوادهٔ رنگی دارد:
   برند (نارنجی) + مکمل (فیروزه/نیلی/زیتون/ارغوان/سماوی) +
   نوترال‌های رنگی + خانوادهٔ سمانتیک (موفق/هشدار/خطر).
   هر پیشنهاد روشن + تیره دارد. همهٔ جفت‌های متنی WCAG AA را پاس می‌کنند.
   ============================================================ */

/* ================= ۱) آتش و فیروزه ================= */
[data-theme="p-teal"][data-mode="light"]{
  --bg:#FAF6EF; --bg-alt:#F2EBDF; --surface:#FFFFFF; --surface-2:#FCF9F3;
  --ink:#12201E; --ink-2:#33423F; --muted:#5C6B68; --line:#E8DECF; --line-strong:#D5C7B2;
  --brand:#F97316; --brand-2:#EA580C; --brand-soft:#FDEBDE; --on-brand:#1B0F05; --brand-text:#B6460A;
  --accent:#0F5E5A; --accent-2:#0B4A46; --accent-soft:#E2EFEC; --on-accent:#FFFFFF; --accent-text:#0F5E5A;
  --gold:#B98A3C; --success:#1E7A5B; --success-soft:#E4F1EB; --danger:#B84A32; --danger-soft:#F7E5DF;
  --r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:24px;--r-xl:34px;--r-pill:999px;
  --shadow-1:0 1px 2px rgba(18,32,30,.05),0 2px 8px rgba(18,32,30,.05);
  --shadow-2:0 6px 18px rgba(18,32,30,.08),0 2px 4px rgba(18,32,30,.05);
  --shadow-3:0 22px 48px rgba(18,32,30,.15);
}
[data-theme="p-teal"][data-mode="dark"]{
  --bg:#0E1514; --bg-alt:#121C1B; --surface:#15201F; --surface-2:#1A2725;
  --ink:#EDF2EF; --ink-2:#C6D3CE; --muted:#93A5A0;
  --line:rgba(237,242,239,.12); --line-strong:rgba(237,242,239,.26);
  --brand:#FB923C; --brand-2:#FDBA74; --brand-soft:rgba(249,115,22,.16); --on-brand:#1B0F05; --brand-text:#FDBA74;
  --accent:#5FBFB2; --accent-2:#7FD0C4; --accent-soft:rgba(95,191,178,.15); --on-accent:#06211E; --accent-text:#7FD0C4;
  --gold:#D9AE61; --success:#4CC79A; --success-soft:rgba(76,199,154,.14); --danger:#E07A60; --danger-soft:rgba(224,122,96,.15);
  --shadow-1:0 2px 8px rgba(0,0,0,.35); --shadow-2:0 10px 26px rgba(0,0,0,.45); --shadow-3:0 24px 56px rgba(0,0,0,.6);
}
[data-theme="p-teal"] .utility{background:var(--accent-soft);color:var(--accent-text)}
[data-theme="p-teal"] .hero{background:linear-gradient(155deg,var(--accent-soft) 0%,transparent 58%);border-radius:var(--r-xl);padding:38px 32px;margin-bottom:12px}
[data-theme="p-teal"] .show-main{border-radius:var(--r-xl)}

/* ================= ۲) آتش و نیلی ================= */
[data-theme="p-indigo"][data-mode="light"]{
  --bg:#F7F8FC; --bg-alt:#EDEFF7; --surface:#FFFFFF; --surface-2:#F9FAFE;
  --ink:#12182A; --ink-2:#333C52; --muted:#5F6981; --line:#E2E6F1; --line-strong:#C8CEDF;
  --brand:#F97316; --brand-2:#EA580C; --brand-soft:#FDEBDE; --on-brand:#1B0F05; --brand-text:#B6460A;
  --accent:#3B4C9C; --accent-2:#2C3A7E; --accent-soft:#E8EBF9; --on-accent:#FFFFFF; --accent-text:#3B4C9C;
  --gold:#C9A227; --success:#1C7A5C; --success-soft:#E3F1EC; --danger:#B84A32; --danger-soft:#F7E5DF;
  --r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;
  --shadow-1:0 1px 2px rgba(18,24,42,.05),0 2px 8px rgba(18,24,42,.05);
  --shadow-2:0 6px 18px rgba(18,24,42,.08),0 2px 4px rgba(18,24,42,.05);
  --shadow-3:0 22px 48px rgba(18,24,42,.16);
}
[data-theme="p-indigo"][data-mode="dark"]{
  --bg:#0A0F1C; --bg-alt:#0F1526; --surface:#131A2C; --surface-2:#182036;
  --ink:#EAEDF8; --ink-2:#C3C9DE; --muted:#8B93AE;
  --line:rgba(234,237,248,.12); --line-strong:rgba(234,237,248,.26);
  --brand:#FB923C; --brand-2:#FDBA74; --brand-soft:rgba(249,115,22,.16); --on-brand:#1B0F05; --brand-text:#FDBA74;
  --accent:#8C9BFF; --accent-2:#A8B4FF; --accent-soft:rgba(140,155,255,.15); --on-accent:#0A0F1C; --accent-text:#A8B4FF;
  --gold:#D9B44A; --success:#34C98F; --success-soft:rgba(52,201,143,.14); --danger:#E07A60; --danger-soft:rgba(224,122,96,.15);
  --shadow-1:0 2px 8px rgba(0,0,0,.4); --shadow-2:0 10px 26px rgba(0,0,0,.5); --shadow-3:0 24px 56px rgba(0,0,0,.65);
}
[data-theme="p-indigo"] .utility{background:var(--accent-soft);color:var(--accent-text)}
[data-theme="p-indigo"] .header{border-bottom:2px solid var(--accent)}
[data-theme="p-indigo"] .sec-l .bar{height:24px;border-radius:3px}
[data-theme="p-indigo"] .stat .si{border-radius:10px}

/* ================= ۳) آتش و زیتون ================= */
[data-theme="p-olive"][data-mode="light"]{
  --bg:#F7F1E5; --bg-alt:#EEE6D5; --surface:#FFFDF8; --surface-2:#FAF4E9;
  --ink:#1D2118; --ink-2:#3C4335; --muted:#626B58; --line:#E3DAC7; --line-strong:#CBC0A6;
  --brand:#F97316; --brand-2:#EA580C; --brand-soft:#FCE8D8; --on-brand:#1B0F05; --brand-text:#AE4409;
  --accent:#5B6142; --accent-2:#4A5034; --accent-soft:#E9EAD9; --on-accent:#FFFFFF; --accent-text:#4A5034;
  --gold:#A98A4A; --success:#3F6B4A; --success-soft:#E4EBDE; --danger:#A8492F; --danger-soft:#F4E3DC;
  --r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:26px;--r-pill:999px;
  --shadow-1:0 1px 2px rgba(29,33,24,.05),0 2px 8px rgba(29,33,24,.05);
  --shadow-2:0 6px 18px rgba(29,33,24,.08),0 2px 4px rgba(29,33,24,.05);
  --shadow-3:0 22px 48px rgba(29,33,24,.15);
}
[data-theme="p-olive"][data-mode="dark"]{
  --bg:#12140F; --bg-alt:#171A12; --surface:#1A1E15; --surface-2:#20251A;
  --ink:#EEE9DC; --ink-2:#CBC6B6; --muted:#9A9789;
  --line:rgba(238,233,220,.12); --line-strong:rgba(238,233,220,.26);
  --brand:#FB923C; --brand-2:#FDBA74; --brand-soft:rgba(249,115,22,.15); --on-brand:#1B0F05; --brand-text:#FDBA74;
  --accent:#A9B07A; --accent-2:#BFC694; --accent-soft:rgba(169,176,122,.15); --on-accent:#15170F; --accent-text:#BFC694;
  --gold:#D3B06A; --success:#6FAF7C; --success-soft:rgba(111,175,124,.14); --danger:#DF8664; --danger-soft:rgba(223,134,100,.15);
  --shadow-1:0 2px 8px rgba(0,0,0,.4); --shadow-2:0 10px 26px rgba(0,0,0,.5); --shadow-3:0 24px 56px rgba(0,0,0,.65);
}
[data-theme="p-olive"] .utility{background:var(--accent-soft);color:var(--accent-text)}
[data-theme="p-olive"] .sec-l .bar{width:26px;height:3px;border-radius:2px}
[data-theme="p-olive"] .cat{border-radius:6px}
[data-theme="p-olive"] .brand-mark{border-radius:6px}

/* ================= ۴) آتش و ارغوان ================= */
[data-theme="p-plum"][data-mode="light"]{
  --bg:#FBF6F4; --bg-alt:#F4EAEF; --surface:#FFFFFF; --surface-2:#FCF7F9;
  --ink:#231626; --ink-2:#453348; --muted:#75617A; --line:#EBDDE5; --line-strong:#D6C2D0;
  --brand:#F97316; --brand-2:#EA580C; --brand-soft:#FCE7D7; --on-brand:#1B0F05; --brand-text:#AE4409;
  --accent:#7B3F63; --accent-2:#63324F; --accent-soft:#F2E3EB; --on-accent:#FFFFFF; --accent-text:#7B3F63;
  --gold:#C08A3E; --success:#2F7D5B; --success-soft:#E2EFE9; --danger:#B84A32; --danger-soft:#F7E5DF;
  --r-xs:12px;--r-sm:16px;--r-md:20px;--r-lg:26px;--r-xl:34px;--r-pill:999px;
  --shadow-1:0 1px 2px rgba(35,22,38,.05),0 2px 8px rgba(35,22,38,.05);
  --shadow-2:0 6px 18px rgba(35,22,38,.09),0 2px 4px rgba(35,22,38,.05);
  --shadow-3:0 22px 48px rgba(35,22,38,.16);
}
[data-theme="p-plum"][data-mode="dark"]{
  --bg:#150F18; --bg-alt:#1A1320; --surface:#1E1626; --surface-2:#251B2F;
  --ink:#F0E9F3; --ink-2:#D0C2D8; --muted:#A190AC;
  --line:rgba(240,233,243,.12); --line-strong:rgba(240,233,243,.26);
  --brand:#FD9A4F; --brand-2:#FDBE8A; --brand-soft:rgba(249,115,22,.16); --on-brand:#1B0F05; --brand-text:#FDBE8A;
  --accent:#D08FB8; --accent-2:#E0A9CB; --accent-soft:rgba(208,143,184,.15); --on-accent:#1A0F17; --accent-text:#E0A9CB;
  --gold:#D9B44A; --success:#4CC79A; --success-soft:rgba(76,199,154,.14); --danger:#E07A60; --danger-soft:rgba(224,122,96,.15);
  --shadow-1:0 2px 8px rgba(0,0,0,.4); --shadow-2:0 10px 26px rgba(0,0,0,.5); --shadow-3:0 24px 56px rgba(0,0,0,.65);
}
[data-theme="p-plum"] .utility{background:var(--accent-soft);color:var(--accent-text)}
[data-theme="p-plum"] .badge-soft{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}
/* CTA stays brand orange in all proposals for consistent contrast */
[data-theme="p-plum"] .card,.fcard{border-radius:var(--r-lg)}

/* ================= ۵) آتش و سماوی ================= */
[data-theme="p-sky"][data-mode="light"]{
  --bg:#F5F9FC; --bg-alt:#E9F2F8; --surface:#FFFFFF; --surface-2:#F8FBFD;
  --ink:#0F2330; --ink-2:#2E4756; --muted:#5A7383; --line:#DCE9F1; --line-strong:#BFD6E3;
  --brand:#F97316; --brand-2:#EA580C; --brand-soft:#FCE7D7; --on-brand:#1B0F05; --brand-text:#AE4409;
  --accent:#0E7490; --accent-2:#0B5E76; --accent-soft:#E0F1F6; --on-accent:#FFFFFF; --accent-text:#0B5E76;
  --gold:#C79A3A; --success:#157F5F; --success-soft:#E1F1EA; --danger:#C04832; --danger-soft:#F8E7E2;
  --r-xs:12px;--r-sm:16px;--r-md:20px;--r-lg:26px;--r-xl:36px;--r-pill:999px;
  --shadow-1:0 1px 2px rgba(15,35,48,.05),0 3px 10px rgba(15,35,48,.05);
  --shadow-2:0 8px 20px rgba(15,35,48,.08),0 2px 4px rgba(15,35,48,.05);
  --shadow-3:0 24px 52px rgba(15,35,48,.16);
}
[data-theme="p-sky"][data-mode="dark"]{
  --bg:#071220; --bg-alt:#0B1A2B; --surface:#0E2233; --surface-2:#132C42;
  --ink:#E6F2FA; --ink-2:#BCD3E3; --muted:#7E9AAD;
  --line:rgba(230,242,250,.12); --line-strong:rgba(230,242,250,.26);
  --brand:#FD9A4F; --brand-2:#FDBE8A; --brand-soft:rgba(249,115,22,.16); --on-brand:#1B0F05; --brand-text:#FDBE8A;
  --accent:#58C7E8; --accent-2:#7FD6F0; --accent-soft:rgba(88,199,232,.15); --on-accent:#05202B; --accent-text:#7FD6F0;
  --gold:#E7C16A; --success:#4CC79A; --success-soft:rgba(76,199,154,.14); --danger:#E07A60; --danger-soft:rgba(224,122,96,.15);
  --shadow-1:0 2px 8px rgba(0,0,0,.4); --shadow-2:0 10px 26px rgba(0,0,0,.5); --shadow-3:0 24px 56px rgba(0,0,0,.65);
}
[data-theme="p-sky"] .utility{background:var(--accent-soft);color:var(--accent-text)}
[data-theme="p-sky"] .hero{background:linear-gradient(160deg,var(--accent-soft) 0%,transparent 58%);border-radius:var(--r-xl);padding:38px 32px;margin-bottom:12px}
[data-theme="p-sky"] .btn{border-radius:var(--r-pill)}

/* ============ قواعد مشترک پیشنهادها (کنتراست و کاربرد ۴ خانواده) ============ */
.proposal .eyebrow{color:var(--brand-text);background:var(--brand-soft)}
.proposal .hero h1 em{color:var(--brand-text)}
.proposal .nav a:hover{color:var(--brand-text);background:var(--brand-soft)}
.proposal .nav a.active{color:var(--brand-text);background:var(--brand-soft)}
.proposal .sec-r a{color:var(--brand-text)}
.proposal .sec-r a:hover{color:var(--brand)}
.proposal .sec-l .bar{background:var(--accent)}
.proposal .btn-primary{color:var(--on-brand)}
.proposal .chip.on{color:var(--on-brand)}
.proposal .badge-brand{color:var(--on-brand)}
.proposal .badge-accent{background:var(--danger);color:#fff}
html.proposal[data-mode="dark"] .badge-accent{color:#1A0D08}
.proposal .ptom{color:var(--accent-text)}
.proposal .card .prow .t{color:var(--accent-text)}
.proposal .calc .amt.accent{color:var(--accent-text)}
.proposal .cta .btn{color:var(--brand-text)}
.proposal .stat .si{color:var(--brand-text)}
.proposal .dealer .dl{color:var(--brand-text)}
.proposal .seller .av{color:var(--brand-text)}
.proposal .tick .up{color:var(--success)}
.proposal .tick .down{color:var(--danger)}
.proposal .rate .ch.up{color:var(--success)}
.proposal .rate .ch.down{color:var(--danger)}
.proposal .dealer .v{color:var(--success)}
.proposal .trustrow .ok{color:var(--success)}
.proposal .fbottom .social a:hover{border-color:var(--accent);color:var(--accent-text)}
.proposal .sec-l h2{color:var(--ink)}
.proposal .cat .in b,.cat .in small{color:#fff}

