/* ============================================
   ثيمات منصة مكن — يُطبَّق عبر data-theme على <html>
   ============================================ */

/* 1. تراكوتا وطين — دافئ، محلي، مناسب للصيانة المنزلية (افتراضي) */
[data-theme="terracotta"],
:root {
  --t-50:  #FDF5F0;
  --t-100: #FAE8DD;
  --t-200: #F2CCB5;
  --t-300: #E8A882;
  --t-400: #E07A5F;
  --t-500: #C4704E;
  --t-600: #A0522D;
  --t-700: #8B4513;
  --t-800: #6B3A1F;
  --t-900: #3D2914;
  --s-50:  #FAF6F1;
  --s-100: #F5E6D3;
  --s-200: #E8D5BC;
  --s-300: #D4A574;
  --s-600: #8B7355;
  --cream: #F3EBE3;
  --sand:  #E8DCD0;
  --bg:    #F3ECE6;
  --shadow-rgb: 61, 41, 20;
}

/* 2. محيط أزرق — ثقة، احترافية، مناسب للسباكة والكهرباء */
[data-theme="ocean"] {
  --t-50:  #EFF6FF;
  --t-100: #DBEAFE;
  --t-200: #BFDBFE;
  --t-300: #7CB8F0;
  --t-400: #3B8FD9;
  --t-500: #1D6FB5;
  --t-600: #155A94;
  --t-700: #124A7A;
  --t-800: #0F3A5F;
  --t-900: #0A2540;
  --s-50:  #F0F9FF;
  --s-100: #E0F2FE;
  --s-200: #BAE6FD;
  --s-300: #7DD3FC;
  --s-600: #5B8BA8;
  --cream: #EEF4F9;
  --sand:  #DCE8F2;
  --bg:    #EEF4F8;
  --shadow-rgb: 10, 37, 64;
}

/* 3. غابة زيتونية — نظافة، طبيعة، صحة */
[data-theme="forest"] {
  --t-50:  #F3FAF4;
  --t-100: #E2F3E4;
  --t-200: #C5E6CA;
  --t-300: #8EC99A;
  --t-400: #5AAD6C;
  --t-500: #3D8B52;
  --t-600: #2F7042;
  --t-700: #275A36;
  --t-800: #1F4529;
  --t-900: #142E1C;
  --s-50:  #F5F9F3;
  --s-100: #E8F0E4;
  --s-200: #D4E4CC;
  --s-300: #A8C49A;
  --s-600: #6B8A62;
  --cream: #EEF4EC;
  --sand:  #DDE8D8;
  --bg:    #EEF4EC;
  --shadow-rgb: 20, 46, 28;
}

/* 4. منتصف الليل والذهب — فخامة، بريميوم */
[data-theme="midnight"] {
  --t-50:  #F5F3FF;
  --t-100: #EDE9FE;
  --t-200: #DDD6FE;
  --t-300: #C4A96B;
  --t-400: #D4AF37;
  --t-500: #B8962E;
  --t-600: #1E2A4A;
  --t-700: #162038;
  --t-800: #0F1729;
  --t-900: #0A0F1C;
  --s-50:  #F8F7FC;
  --s-100: #EEEAF5;
  --s-200: #D8D2E8;
  --s-300: #B8AED0;
  --s-600: #6B6580;
  --cream: #EEEBF5;
  --sand:  #DFDAEA;
  --bg:    #EFEEF5;
  --shadow-rgb: 10, 15, 28;
}

/* 5. صحراء ذهبية — تراثي سعودي، دافئ */
[data-theme="desert"] {
  --t-50:  #F7F0DE;
  --t-100: #F0E4C0;
  --t-200: #E5D08A;
  --t-300: #E8C170;
  --t-400: #D4A04A;
  --t-500: #B8862D;
  --t-600: #966F24;
  --t-700: #7A5A1E;
  --t-800: #5C4418;
  --t-900: #3D2E10;
  --s-50:  #F3EBDD;
  --s-100: #EADDC6;
  --s-200: #DCC9A4;
  --s-300: #D4B88A;
  --s-600: #9A7B55;
  --cream: #F1E8D6;
  --sand:  #E4D5BC;
  --bg:    #F1E9DB;
  --shadow-rgb: 61, 46, 16;
}

/* 6. أردواز عصري — تقني، حديث، كاميرات وأنظمة ذكية */
[data-theme="slate"] {
  --t-50:  #F8FAFC;
  --t-100: #F1F5F9;
  --t-200: #E2E8F0;
  --t-300: #94A8C4;
  --t-400: #64748B;
  --t-500: #475569;
  --t-600: #334155;
  --t-700: #1E293B;
  --t-800: #0F172A;
  --t-900: #020617;
  --s-50:  #F8FAFC;
  --s-100: #F1F5F9;
  --s-200: #E2E8F0;
  --s-300: #CBD5E1;
  --s-600: #64748B;
  --cream: #EEF2F6;
  --sand:  #DCE3EC;
  --bg:    #EEF2F6;
  --shadow-rgb: 15, 23, 42;
}

/* 7. اليوم الوطني — أخضر العلم */
[data-theme="saudi-national"] {
  --t-50:  #F3FBF6;
  --t-100: #D9F2E4;
  --t-200: #A8DFC0;
  --t-300: #5FBF8A;
  --t-400: #2F9E63;
  --t-500: #006C35;
  --t-600: #055A2F;
  --t-700: #0B4A28;
  --t-800: #0B3D24;
  --t-900: #062816;
  --s-50:  #F7FBF8;
  --s-100: #E8F5EE;
  --s-200: #CDE7D8;
  --s-300: #9FCBB3;
  --s-600: #4F7A63;
  --cream: #EEF6F1;
  --sand:  #D9E8DF;
  --bg:    #EEF6F1;
  --shadow-rgb: 6, 40, 22;
}

/* 8. يوم التأسيس — تراث ونخلة */
[data-theme="saudi-founding"] {
  --t-50:  #FBF6EF;
  --t-100: #F3E6D4;
  --t-200: #E2C8A4;
  --t-300: #C79A62;
  --t-400: #A8743A;
  --t-500: #8B5A2B;
  --t-600: #1F3D2A;
  --t-700: #183224;
  --t-800: #12271C;
  --t-900: #0C1A13;
  --s-50:  #F8F4EC;
  --s-100: #F0E6D6;
  --s-200: #E0D0B5;
  --s-300: #C4A882;
  --s-600: #7A6548;
  --cream: #F3EBDF;
  --sand:  #E5D8C4;
  --bg:    #F3EBDF;
  --shadow-rgb: 12, 26, 19;
}

/* 9. رمضان — هدوء وذهبي */
[data-theme="ramadan"] {
  --t-50:  #FBF7EB;
  --t-100: #F4E8C4;
  --t-200: #E6D08A;
  --t-300: #D4B44A;
  --t-400: #C9A227;
  --t-500: #A8861C;
  --t-600: #0F2A2E;
  --t-700: #0C2226;
  --t-800: #091A1D;
  --t-900: #061214;
  --s-50:  #F2F7F6;
  --s-100: #E8F2F0;
  --s-200: #CBE0DC;
  --s-300: #9BBFB8;
  --s-600: #5A7F7A;
  --cream: #EEF4F2;
  --sand:  #D9E6E2;
  --bg:    #EEF4F2;
  --shadow-rgb: 6, 18, 20;
}

/* 10. عيد الفطر — بهجة فاتحة */
[data-theme="eid-fitr"] {
  --t-50:  #EAF5EF;
  --t-100: #D4EBDD;
  --t-200: #B5E3CC;
  --t-300: #74C49D;
  --t-400: #45A97A;
  --t-500: #2F8F6B;
  --t-600: #247456;
  --t-700: #1B5C45;
  --t-800: #1B4D3E;
  --t-900: #103028;
  --s-50:  #F3EEE6;
  --s-100: #EDE4D6;
  --s-200: #E0D0B8;
  --s-300: #E2CBA8;
  --s-600: #8A7458;
  --cream: #F0EBE3;
  --sand:  #E4D8C8;
  --bg:    #EEF4F0;
  --shadow-rgb: 16, 48, 40;
}

/* 11. عيد الأضحى — دفء واحتفال */
[data-theme="eid-adha"] {
  --t-50:  #F5ECD4;
  --t-100: #EBDCB0;
  --t-200: #E0C878;
  --t-300: #E0B84A;
  --t-400: #D19A2A;
  --t-500: #B7791F;
  --t-600: #956218;
  --t-700: #744C14;
  --t-800: #563910;
  --t-900: #3F2E14;
  --s-50:  #F2EBDD;
  --s-100: #EAE1CF;
  --s-200: #DDD0B4;
  --s-300: #D8C295;
  --s-600: #8B7350;
  --cream: #F0E8D8;
  --sand:  #E3D6C0;
  --bg:    #F1EAD9;
  --shadow-rgb: 63, 46, 20;
}

/* ربط المتغيرات الدلالية + توافق style.css */
[data-theme],
:root {
  --terracotta-50:  var(--t-50);
  --terracotta-100: var(--t-100);
  --terracotta-200: var(--t-200);
  --terracotta-300: var(--t-300);
  --terracotta-400: var(--t-400);
  --terracotta-500: var(--t-500);
  --terracotta-600: var(--t-600);
  --terracotta-700: var(--t-700);
  --terracotta-800: var(--t-800);
  --terracotta-900: var(--t-900);
  --clay-50:  var(--s-50);
  --clay-100: var(--s-100);
  --clay-200: var(--s-200);
  --clay-300: var(--s-300);
  --clay-600: var(--s-600);
  --warm-white: var(--bg);
  --color-bg:          var(--bg);
  --color-surface:     var(--s-50);
  --color-primary:     var(--t-500);
  --color-primary-dark:var(--t-600);
  --color-accent:      var(--t-400);
  --color-text:        var(--t-900);
  --color-text-muted:  var(--s-600);
  --color-border:      var(--s-200);
  --shadow: 0 4px 24px rgba(var(--shadow-rgb), 0.08);
  --shadow-lg: 0 12px 48px rgba(var(--shadow-rgb), 0.12);
  --logo-color: var(--t-600);
  --logo-color-accent: var(--t-500);
  --logo-color-light: #F3F0EA;
}