/* نَسَق (NASAQ) — Copyright (c) 2026 Mohammed S. Ellouh. All rights reserved.
   ملكية خاصة: يُمنع النسخ أو التعديل أو إعادة النشر أو التقليد دون إذن كتابي. انظر ملف LICENSE. */
/* طابع «نَسَق» — الهوية (الافتراضي): متغيرات الألوان للوضعين. */
@layer theme{
/* الألوان الوظيفية — فاتح */
:is(:root,.nq-scope)[data-palette="nasaq"]{
  --bg:#F7F6F2; --surface-1:#FFFFFF; --surface-2:#FAF9F6; --surface-3:#F1EFE9;
  --text-1:#202A2A; --text-2:#3E4A4A; --text-3:#5B6868; --border:#E4E4E4;
  --border-strong:#7F8A8A; --primary:#174C4F; --on-primary:#FFFFFF; --primary-hover:#2F6F6B;
  --accent:#D6A84F; --on-accent:#202A2A; --focus-ring:#2F6F6B; --success:#4F6E5D;
  --success-bg:#EAF1EC; --warning:#846428; --warning-bg:#F8F1E2; --danger:#93563F;
  --danger-bg:#F8ECE8; --info:#174C4F; --info-bg:#DCEBE9; --pattern:rgba(23,76,79,.035);
  --overlay:rgba(23,76,79,.3); --field-bg:#F7F6F2; --field-hover:#6F7B7B; --btn-soft:#DCEBE9;
  --btn-soft-hover:#CDE2DF; --imp-b-bg:#E8F0EE; --on-done:#FFFFFF; --c-exec:#174C4F;
  --c-admin:#B08A3E; --c-ops:#4F6E5D; --c-ind:#93563F; --c-soft:#DCEBE9;
  --font-body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif; --font-head:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif; --font-display:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif; --font-hand:var(--font-head);
  --head-scale:1; --r-sm:6px; --r-md:8px; --r-lg:12px;
  --r-xl:16px; --border-w:1px; --elev-1:0 1px 2px rgba(23,76,79,.05); --elev-2:0 1px 2px rgba(23,76,79,.05),0 8px 24px rgba(23,76,79,.06);
  --elev-3:0 2px 4px rgba(23,76,79,.06),0 16px 40px rgba(23,76,79,.12); --row-h:44px; --card-pad:var(--sp-5); --icon-stroke:1.75;
  --motion-scale:1; --ease-enter:var(--ease-std); --lh-body:1.6;
  color-scheme:light;
}
/* الألوان الوظيفية — داكن */
:is(:root,.nq-scope)[data-palette="nasaq"][data-theme="dark"]{
  --bg:#0C1A1B; --surface-1:#112426; --surface-2:#152C2E; --surface-3:#1A3334;
  --text-1:#E8EFEE; --text-2:#BCCDCB; --text-3:#8EA5A3; --border:#22393B;
  --border-strong:#5E7C7A; --primary:#7CC4BC; --on-primary:#0C1A1B; --primary-hover:#9FD4CD;
  --accent:#E0B865; --on-accent:#0C1A1B; --focus-ring:#7CC4BC; --success:#8FC1A5;
  --success-bg:#17302A; --warning:#E0B865; --warning-bg:#2E2814; --danger:#E6A08B;
  --danger-bg:#3A231E; --info:#A9DCD6; --info-bg:#173B3B; --pattern:rgba(255,255,255,.03);
  --overlay:rgba(0,0,0,.6); --field-bg:#0E1F20; --field-hover:#6A8A87; --btn-soft:#173B3B;
  --btn-soft-hover:#1D4646; --imp-b-bg:#1A3334; --on-done:#0C1A1B; --c-exec:#7CC4BC;
  --c-admin:#E0B865; --c-ops:#8FC1A5; --c-ind:#E6A08B; --c-soft:#173B3B;
  --elev-1:0 1px 2px rgba(0,0,0,.3); --elev-2:0 1px 2px rgba(0,0,0,.3),0 10px 26px rgba(0,0,0,.4); --elev-3:0 2px 6px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.5);
  color-scheme:dark;
}
/* تلقائي: يتبع الجهاز */
@media (prefers-color-scheme:dark){
  :is(:root,.nq-scope)[data-palette="nasaq"]:not([data-theme="light"]){
    --bg:#0C1A1B; --surface-1:#112426; --surface-2:#152C2E; --surface-3:#1A3334;
    --text-1:#E8EFEE; --text-2:#BCCDCB; --text-3:#8EA5A3; --border:#22393B;
    --border-strong:#5E7C7A; --primary:#7CC4BC; --on-primary:#0C1A1B; --primary-hover:#9FD4CD;
    --accent:#E0B865; --on-accent:#0C1A1B; --focus-ring:#7CC4BC; --success:#8FC1A5;
    --success-bg:#17302A; --warning:#E0B865; --warning-bg:#2E2814; --danger:#E6A08B;
    --danger-bg:#3A231E; --info:#A9DCD6; --info-bg:#173B3B; --pattern:rgba(255,255,255,.03);
    --overlay:rgba(0,0,0,.6); --field-bg:#0E1F20; --field-hover:#6A8A87; --btn-soft:#173B3B;
    --btn-soft-hover:#1D4646; --imp-b-bg:#1A3334; --on-done:#0C1A1B; --c-exec:#7CC4BC;
    --c-admin:#E0B865; --c-ops:#8FC1A5; --c-ind:#E6A08B; --c-soft:#173B3B;
    --elev-1:0 1px 2px rgba(0,0,0,.3); --elev-2:0 1px 2px rgba(0,0,0,.3),0 10px 26px rgba(0,0,0,.4); --elev-3:0 2px 6px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.5);
    color-scheme:dark;
  }
}

:root[data-palette="nasaq"] .close-day{background:#174C4F;color:#fff}
/* ---------- علامة «نَسَق»: نقطة الزعفران (من الشعار) ----------
   العنصر النشط خلفيته --surface-2 مع نقطة زعفران 6px في جهة البداية، بدل الكتلة الخضراء الممتلئة.
   والنقطة نفسها: اليوم الحالي في التقويم، وشارة الإشعارات، ونهاية شريط التقدم. */
:is(:root,.nq-scope)[data-palette="nasaq"]{--btn-shadow:0 1px 2px rgba(18,48,47,.12);
  --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A8886' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
:root[data-palette="nasaq"] .tab{padding-inline-start:calc(var(--sp-3) + 8px)}
:root[data-palette="nasaq"] .tab.active{background:radial-gradient(circle at calc(100% - 8px) 50%,var(--accent) 3px,transparent 3.6px),var(--surface-2);
  color:var(--text-1);box-shadow:inset 0 0 0 1px var(--border)}
:root[data-palette="nasaq"] .tab.active .ic{color:var(--primary)}
@media (max-width:999px){
  :root[data-palette="nasaq"] .tab{padding-inline-start:var(--sp-1)}
  :root[data-palette="nasaq"] .tab.active{background:radial-gradient(circle at 50% 4px,var(--accent) 3px,transparent 3.6px);box-shadow:none;color:var(--primary)}
}
:root[data-palette="nasaq"] .cal-day.today{background:radial-gradient(circle at 50% 5px,var(--accent) 2.5px,transparent 3px),var(--surface-1)}
:root[data-palette="nasaq"] .notif-badge{background:var(--accent);color:var(--on-accent)}
:root[data-palette="nasaq"] .progress .fill{background:radial-gradient(circle at 4px 50%,var(--accent) 3px,transparent 3.5px),var(--primary)}
/* نقش الشعار في الواجهة والحالات الفارغة فقط، بشفافية ≤ 3% — لا في كل الصفحة */
:root[data-palette="nasaq"] body{background-image:none}
:root[data-palette="nasaq"] .greet-card::before{opacity:.03}
/* الإنجاز في «نَسَق»: الدائرة تمتلئ بـ Teal مع علامة ✓، ونبضة واحدة لنقطة الزعفران */
:root[data-palette="nasaq"] .check[aria-checked="true"]{background:var(--primary);border-color:var(--primary)}
:root[data-palette="nasaq"] li.just-done .check{animation:nasaq-pulse calc(var(--dur-4) * var(--motion-scale,1)) var(--ease-out) both}
@keyframes nasaq-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 70%,transparent)} 100%{box-shadow:0 0 0 10px transparent}}
@media (prefers-reduced-motion:reduce){ :root[data-palette="nasaq"] li.just-done .check{animation:none} }
}