/* نَسَق (NASAQ) — Copyright (c) 2026 Mohammed S. Ellouh. All rights reserved.
   ملكية خاصة: يُمنع النسخ أو التعديل أو إعادة النشر أو التقليد دون إذن كتابي. انظر ملف LICENSE. */
/* طابع «نَسَق 360» — مَدار: ليل كحلي، ونعناعي للإنجاز، وسماوي للفعل، وبنفسجي للانتظار.
   المتغيرات للوضعين، وألوان وقت اليوم، ومتغيرات الواجهة الغامرة والشريط العلوي — تقرؤها nasaq-ui.css.
   لا display ولا position ولا أبعاد هنا — البنية في layouts/* و nasaq-ui.css. */
@layer theme{
/* الألوان الوظيفية — فاتح */
:is(:root,.nq-scope)[data-palette="nasaq360"]{
  --bg:#EEF1F7; --surface-1:#FFFFFF; --surface-2:#F5F7FB; --surface-3:#E6E9F3;
  --text-1:#14162A; --text-2:#3A3F62; --text-3:#5E6485; --border:#DCE0EC;
  --border-strong:#7D8197; --primary:#00B7D4; --on-primary:#14162A; --primary-hover:#009BB5;
  --accent:#00B7D4; --on-accent:#14162A; --focus-ring:#007A99; --success:#06744F;
  --success-bg:#E4F4EE; --warning:#5A3A9E; --warning-bg:#EEE8FA; --danger:#C42B2E;
  --danger-bg:#FBE8E8; --info:#005F78; --info-bg:#E0F4F8; --pattern:rgba(0,122,153,.08);
  --overlay:rgba(20,22,42,.45); --field-bg:#F3F5FA; --field-hover:#757991; --btn-soft:#E6E9F3;
  --btn-soft-hover:#DADEEC; --imp-b-bg:#E6E9F3; --on-done:#FFFFFF; --cta-hover:#14162A;
  --on-cta-hover:#EEF1F7; --live:#C42B2E; --brand:#14162A; --c-exec:#007A99;
  --c-admin:#6A43B8; --c-ops:#087F5D; --c-ind:#C42B2E; --c-soft:#CDE9F0; --orbit:conic-gradient(from 15deg,#0E9E74 0deg,#0086A8 150deg,#6A43B8 300deg,#6A43B8 330deg,transparent 330deg);
  --grad-line:linear-gradient(to left,#0E9E74,#0086A8 55%,#6A43B8); --grad-text:linear-gradient(90deg,#0E9E74,#0086A8 55%,#6A43B8); --aura-1:rgba(106,67,184,.12); --aura-2:rgba(14,158,116,.10);
  --orbit-line:rgba(0,122,153,.16);
  --font-body:"Readex Pro","Segoe UI",Tahoma,sans-serif; --font-head:Alexandria,"Readex Pro",Tahoma,sans-serif; --font-display:Alexandria,"Readex Pro",Tahoma,sans-serif; --font-hand:var(--font-head);
  --head-scale:1; --r-sm:6px; --r-md:10px; --r-lg:14px;
  --r-xl:20px; --border-w:1px; --elev-1:0 1px 2px rgba(20,22,42,.06); --elev-2:0 1px 2px rgba(20,22,42,.06),0 10px 28px rgba(20,22,42,.08);
  --elev-3:0 2px 6px rgba(20,22,42,.08),0 18px 44px rgba(20,22,42,.16); --row-h:48px; --card-pad:var(--sp-5); --icon-stroke:1.75;
  --motion-scale:1.25; --ease-enter:var(--ease-out); --lh-body:1.6;
  color-scheme:light;
}
/* الألوان الوظيفية — داكن */
:is(:root,.nq-scope)[data-palette="nasaq360"][data-theme="dark"]{
  --bg:#14162A; --surface-1:#1D2040; --surface-2:#22264A; --surface-3:#262A4F;
  --text-1:#EEF1F7; --text-2:#C4C9DD; --text-3:#9AA1BE; --border:#2C3058;
  --border-strong:#727692; --primary:#00B7D4; --on-primary:#14162A; --primary-hover:#33C5DD;
  --accent:#00B7D4; --on-accent:#14162A; --focus-ring:#00B7D4; --success:#34F5B5;
  --success-bg:#10362F; --warning:#C9B5FF; --warning-bg:#2A2350; --danger:#FF6B6E;
  --danger-bg:#3B1E2A; --info:#7FE3F5; --info-bg:#0F3246; --pattern:rgba(0,183,212,.07);
  --overlay:rgba(8,9,20,.72); --field-bg:#171A31; --field-hover:#80849D; --btn-soft:#262A4F;
  --btn-soft-hover:#30355F; --imp-b-bg:#2A2E55; --on-done:#14162A; --cta-hover:#EEF1F7;
  --on-cta-hover:#14162A; --live:#D92F32; --brand:#EEF1F7; --c-exec:#00B7D4;
  --c-admin:#B69CF5; --c-ops:#34F5B5; --c-ind:#FF6B6E; --c-soft:#26405E; --orbit:conic-gradient(from 15deg,#34F5B5 0deg,#00B7D4 150deg,#7B55CC 300deg,#7B55CC 330deg,transparent 330deg);
  --grad-line:linear-gradient(to left,#34F5B5,#00B7D4 55%,#7B55CC); --grad-text:linear-gradient(90deg,#34F5B5,#00B7D4 55%,#7B55CC); --aura-1:rgba(123,85,204,.32); --aura-2:rgba(52,245,181,.14);
  --orbit-line:rgba(0,183,212,.2); --elev-1:0 1px 2px rgba(0,0,0,.35); --elev-2:0 1px 2px rgba(0,0,0,.35),0 12px 30px rgba(0,0,0,.35); --elev-3:0 2px 6px rgba(0,0,0,.4),0 20px 48px rgba(0,0,0,.5);
  color-scheme:dark;
}
/* تلقائي: يتبع الجهاز */
@media (prefers-color-scheme:dark){
  :is(:root,.nq-scope)[data-palette="nasaq360"]:not([data-theme="light"]){
    --bg:#14162A; --surface-1:#1D2040; --surface-2:#22264A; --surface-3:#262A4F;
    --text-1:#EEF1F7; --text-2:#C4C9DD; --text-3:#9AA1BE; --border:#2C3058;
    --border-strong:#727692; --primary:#00B7D4; --on-primary:#14162A; --primary-hover:#33C5DD;
    --accent:#00B7D4; --on-accent:#14162A; --focus-ring:#00B7D4; --success:#34F5B5;
    --success-bg:#10362F; --warning:#C9B5FF; --warning-bg:#2A2350; --danger:#FF6B6E;
    --danger-bg:#3B1E2A; --info:#7FE3F5; --info-bg:#0F3246; --pattern:rgba(0,183,212,.07);
    --overlay:rgba(8,9,20,.72); --field-bg:#171A31; --field-hover:#80849D; --btn-soft:#262A4F;
    --btn-soft-hover:#30355F; --imp-b-bg:#2A2E55; --on-done:#14162A; --cta-hover:#EEF1F7;
    --on-cta-hover:#14162A; --live:#D92F32; --brand:#EEF1F7; --c-exec:#00B7D4;
    --c-admin:#B69CF5; --c-ops:#34F5B5; --c-ind:#FF6B6E; --c-soft:#26405E; --orbit:conic-gradient(from 15deg,#34F5B5 0deg,#00B7D4 150deg,#7B55CC 300deg,#7B55CC 330deg,transparent 330deg);
    --grad-line:linear-gradient(to left,#34F5B5,#00B7D4 55%,#7B55CC); --grad-text:linear-gradient(90deg,#34F5B5,#00B7D4 55%,#7B55CC); --aura-1:rgba(123,85,204,.32); --aura-2:rgba(52,245,181,.14);
    --orbit-line:rgba(0,183,212,.2); --elev-1:0 1px 2px rgba(0,0,0,.35); --elev-2:0 1px 2px rgba(0,0,0,.35),0 12px 30px rgba(0,0,0,.35); --elev-3:0 2px 6px rgba(0,0,0,.4),0 20px 48px rgba(0,0,0,.5);
    color-scheme:dark;
  }
}

:root[data-palette="nasaq360"][data-period="fajr"]{--aura-1:rgba(170,110,205,.16);--aura-2:rgba(255,150,165,.12);--pattern:rgba(150,100,190,.075)}
:root[data-palette="nasaq360"][data-period="morning"]{--aura-1:rgba(14,158,116,.14);--aura-2:rgba(0,183,212,.10);--pattern:rgba(14,158,116,.075)}
:root[data-palette="nasaq360"][data-period="noon"]{--aura-1:rgba(0,183,212,.14);--aura-2:rgba(0,134,168,.10);--pattern:rgba(0,134,168,.08)}
:root[data-palette="nasaq360"][data-period="afternoon"]{--aura-1:rgba(214,168,79,.14);--aura-2:rgba(0,183,212,.08);--pattern:rgba(160,130,60,.075)}
:root[data-palette="nasaq360"][data-period="maghrib"]{--aura-1:rgba(240,150,70,.16);--aura-2:rgba(210,90,90,.10);--pattern:rgba(200,110,60,.08)}
:root[data-theme="dark"][data-palette="nasaq360"][data-period="fajr"]{--aura-1:rgba(170,110,205,.30);--aura-2:rgba(255,150,165,.14);--pattern:rgba(190,140,230,.07)}
:root[data-theme="dark"][data-palette="nasaq360"][data-period="morning"]{--aura-1:rgba(52,245,181,.18);--aura-2:rgba(0,183,212,.16);--pattern:rgba(52,245,181,.06)}
:root[data-theme="dark"][data-palette="nasaq360"][data-period="noon"]{--aura-1:rgba(0,183,212,.24);--aura-2:rgba(52,245,181,.10);--pattern:rgba(0,183,212,.07)}
:root[data-theme="dark"][data-palette="nasaq360"][data-period="afternoon"]{--aura-1:rgba(214,168,79,.22);--aura-2:rgba(0,183,212,.10);--pattern:rgba(214,168,79,.06)}
:root[data-theme="dark"][data-palette="nasaq360"][data-period="maghrib"]{--aura-1:rgba(240,150,70,.26);--aura-2:rgba(210,90,90,.14);--pattern:rgba(240,150,70,.06)}
/* الواجهة الغامرة ليلية دائمًا: ألوانها ثابتة في الوضعين */
:is(:root,.nq-scope)[data-palette="nasaq360"]{--hero-ink:#EEF1F7;--hero-ink-2:#C4C9DD;--hero-ink-3:#9AA1BE;--hero-sub:#E3E6F0;--hero-glow:#FFE9A8;
  --hero-focus:#7FE3F5;--hero-danger:#FFD2D3;--hero-spark:#F4FFFB;--hero-night:#080914}
/* ألوان حلقة المدار ورسوماته — يقرؤها nasaq-ui.css */
:root[data-palette="nasaq360"]{--orbit-dot:#D6A84F;--orbit-dot-glow:rgba(214,168,79,.55);--orbit-quiet:#9AA1BE;--art-glow:rgba(0,183,212,.55);
  --ring-caps:conic-gradient(from 15deg,#34F5B5 0deg,#00B7D4 150deg,#7B55CC 300deg,#7B55CC 340deg,#34F5B5 360deg)}
/* شخصية «360» — تقرؤها nasaq-ui.css وقواعد index.html الأساسية */
:is(:root,.nq-scope)[data-palette="nasaq360"]{--head-weight:700;--tagline-weight:400;--num-weight:700;
  --btn-font:var(--font-head);--btn-shadow:none;--btn-shadow-hover:none;--brand-suffix:"360";--brand-latin-suffix:" 360";
  --imp-a-bg:var(--live);--progress-fill:var(--grad-line);
  --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='%239AA1BE' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  --close-ink:#EEF1F7;--close-bg:radial-gradient(circle at 88% 50%,rgba(0,183,212,.26),transparent 55%),linear-gradient(135deg,#1D2040,#14162A);
  --close-shadow:inset 0 0 0 1px #2C3058,0 10px 26px rgba(20,22,42,.22);
  --hero-white:#FFFFFF;--hero-on-white:#14162A;
  --hero-scene:radial-gradient(ellipse 55% 70% at 20% 30%,rgba(106,67,184,.38),transparent 70%),
    radial-gradient(ellipse 45% 60% at 42% 105%,rgba(14,158,116,.30),transparent 70%),
    radial-gradient(ellipse 40% 50% at 88% 18%,rgba(0,183,212,.20),transparent 70%),
    repeating-radial-gradient(circle at 14% 46%,transparent 0 46px,rgba(255,255,255,.05) 46px 47px)}
/* بطاقة الختام ليلية دائمًا: حلقتها بتدرج الوضع الداكن */
:root[data-palette="nasaq360"] .close-day{--orbit:conic-gradient(from 15deg,#34F5B5 0deg,#00B7D4 150deg,#7B55CC 300deg,#7B55CC 330deg,transparent 330deg)}
}