/* هويات الموقع العام المستوحاة من المصانع والنسيج — بيتحمّل من السيرفر بعد ستايل الصفحة وsite-light.css
   ويشتغل حسب data-site-theme اللي صاحب المنصة بيختاره من لوحة السوبر أدمن:
   loom  = النول (الأساسية): أخضر ماكينات النسيج + زعفران + كتان، خطوط النول في الخلفية وشريط منسوج بين الأجزاء
   shade = كارت الشيد: نيلي وفوّة وخام، وحافة قماش مقصوصة بمقص التسنين
   hall  = عنبر الماكينات: جرافيت وأصفر سلامة، لوحات معدن بمسامير وشريط سلامة
   الشغل كله على نفس متغيرات الألوان اللي صفحات الموقع بتستخدمها، فأي صفحة جديدة بتاخد الهوية لوحدها */

/* ================= النول ================= */
[data-site-theme="loom"]{
  --purple-900:#0B3836; --purple-700:#0F4C4A; --purple-600:#0F4C4A; --purple-500:#1B6461; --purple-400:#1B6461;
  --purple-tint:#E8EEEA; --purple-line:#C9D8D2;
  --ink:#1A2422; --muted:#56615E; --paper:#F1F0EB; --card:#FBFAF7; --line:#DCDAD1; --line-strong:#C3CCC6;
  --teal:#D9951A; --amber:#D9951A; --coral:#B5532E; --sky:#2F6F8F;
  --heading:#0F4C4A; --accent-text:#0F4C4A; --chip-bg:#E8EEEA; --brand-en:#B07612;
  --font-display:'Changa', 'Readex Pro', sans-serif; --font-body:'Readex Pro', sans-serif;
  --radius:6px;
  --id-warp:#0F4C4A; --id-weft:#D9951A; --id-yarn:#F6F5F1;
}
@media (prefers-color-scheme: dark){
  [data-site-theme="loom"]{
    --purple-900:#CFE6DF; --purple-700:#8FD0C3; --purple-600:#2E8B84; --purple-500:#3FA39B; --purple-400:#3FA39B;
    --purple-tint:#16302D; --purple-line:#24443F;
    --ink:#E9ECE7; --muted:#A9B5B0; --paper:#0F1716; --card:#162120; --line:#26332F; --line-strong:#33433E;
    --heading:#CFE6DF; --accent-text:#8FD0C3; --chip-bg:#16302D; --brand-en:#E8B04A;
    --id-warp:#2E8B84; --id-yarn:#0F1716;
    color-scheme:dark;
  }
}
[data-site-theme="loom"] body{
  background-color:var(--paper);
  background-image:repeating-linear-gradient(90deg, color-mix(in srgb, var(--id-warp) 7%, transparent) 0 2px, transparent 2px 26px);
}
[data-site-theme="loom"] h1, [data-site-theme="loom"] h2, [data-site-theme="loom"] .brand{letter-spacing:-.005em;}
[data-site-theme="loom"] header::after,
[data-site-theme="loom"] footer::before{
  content:""; display:block; height:10px;
  background:
    repeating-linear-gradient(90deg, var(--id-warp) 0 10px, transparent 10px 20px),
    repeating-linear-gradient(0deg, var(--id-weft) 0 5px, var(--id-yarn) 5px 10px);
}
[data-site-theme="loom"] header{border-bottom:0;}
[data-site-theme="loom"] footer{border-top:0; padding-top:0;}
[data-site-theme="loom"] footer::before{margin-bottom:28px;}
[data-site-theme="loom"] .hero{background:transparent; border-bottom:1px solid var(--line);}
[data-site-theme="loom"] .btn{border-radius:4px;}
[data-site-theme="loom"] :is(.btn-grad, .btn-cta){background:var(--id-warp); color:#fff; box-shadow:4px 4px 0 var(--id-weft);}
[data-site-theme="loom"] :is(.btn-grad, .btn-cta):hover{transform:translate(-1px,-1px); box-shadow:5px 5px 0 var(--id-weft);}
[data-site-theme="loom"] :is(.strip, .final-cta){background:var(--id-warp); border-radius:8px;}
[data-site-theme="loom"] :is(.strip, .final-cta) :is(.btn-grad, .btn-cta){background:var(--id-weft); color:#1A2422; box-shadow:none;}
[data-site-theme="loom"] .feature-card,
[data-site-theme="loom"] .article-card{border-radius:6px; border-inline-start:5px solid var(--id-weft);}
[data-site-theme="loom"] .article-cover{background:
  repeating-linear-gradient(90deg, rgba(255,255,255,.14) 0 3px, transparent 3px 18px),
  linear-gradient(135deg, #0F4C4A, #1B6461);}
[data-site-theme="loom"] .article-cat, [data-site-theme="loom"] .eyebrow{border-radius:3px;}
[data-site-theme="loom"] :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{outline-color:var(--id-weft);}

/* ================= كارت الشيد ================= */
[data-site-theme="shade"]{
  --purple-900:#1E2D5C; --purple-700:#1E2D5C; --purple-600:#A8322B; --purple-500:#2F4A8A; --purple-400:#C2453B;
  --purple-tint:#ECEAE3; --purple-line:#D9D4C7;
  --ink:#17192A; --muted:#565A6E; --paper:#F5F5F2; --card:#FFFFFF; --line:#E3E0D6; --line-strong:#D2CDBF;
  --teal:#A8322B; --amber:#C9663A; --coral:#A8322B; --sky:#2F4A8A;
  --heading:#1E2D5C; --accent-text:#A8322B; --chip-bg:#F3E3E1; --brand-en:#A8322B;
  --font-display:'Alexandria', sans-serif; --font-body:'Alexandria', sans-serif;
  --radius:6px;
  --id-ind:#1E2D5C; --id-mad:#A8322B; --id-grg:#D9D4C7;
}
@media (prefers-color-scheme: dark){
  [data-site-theme="shade"]{
    --purple-900:#C9D3F2; --purple-700:#AFC0F0; --purple-tint:#1C2240; --purple-line:#2C3458;
    --ink:#ECEDF3; --muted:#A8ACC0; --paper:#11131F; --card:#191C2C; --line:#2A2E44; --line-strong:#383D57;
    --heading:#C9D3F2; --accent-text:#F08A80; --chip-bg:#2A1B22; --brand-en:#F08A80;
    color-scheme:dark;
  }
}
[data-site-theme="shade"] header::after{
  content:""; display:block; height:6px;
  background:linear-gradient(90deg, #1E2D5C 0 20%, #A8322B 20% 40%, #D9D4C7 40% 60%, #2F4A8A 60% 80%, #C9663A 80%);
}
[data-site-theme="shade"] header{border-bottom:0;}
[data-site-theme="shade"] .hero{
  background:var(--id-ind); color:#F5F5F2; border-bottom:0;
  -webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50%/18px 100%;
  mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50%/18px 100%;
}
[data-site-theme="shade"] .hero h1{color:#FFFFFF;}
[data-site-theme="shade"] .hero h1 span{color:var(--id-grg);}
[data-site-theme="shade"] .hero p, [data-site-theme="shade"] .hero p.lead, [data-site-theme="shade"] .hero .hero-note{color:rgba(245,245,242,.82);}
[data-site-theme="shade"] .hero .eyebrow{background:rgba(245,245,242,.1); border-color:rgba(245,245,242,.28); color:#F5F5F2;}
[data-site-theme="shade"] .hero .hero-links a{color:#F3C9C3;}
[data-site-theme="shade"] .hero .hero-links span{color:rgba(245,245,242,.6);}
[data-site-theme="shade"] .hero .btn-ghost{color:#F5F5F2; border-color:rgba(245,245,242,.4);}
[data-site-theme="shade"] .hero .btn-ghost:hover{background:rgba(245,245,242,.1);}
[data-site-theme="shade"] .hero-art{color:var(--ink);}
[data-site-theme="shade"] .btn{border-radius:4px;}
[data-site-theme="shade"] :is(.btn-grad, .btn-cta){background:var(--id-mad); color:#fff; box-shadow:0 10px 22px -12px rgba(168,50,43,.7);}
[data-site-theme="shade"] :is(.strip, .final-cta){background:var(--id-ind); border-radius:8px;}
[data-site-theme="shade"] :is(.strip, .final-cta) :is(.btn-grad, .btn-cta){background:#F5F5F2; color:var(--id-mad);}
[data-site-theme="shade"] .feature-card,
[data-site-theme="shade"] .article-card{
  border-radius:6px;
  -webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50%/14px 100%;
  mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50%/14px 100%;
}
[data-site-theme="shade"] .feature-card{padding-bottom:38px;}
[data-site-theme="shade"] .article-card{padding-bottom:10px;}
[data-site-theme="shade"] .article-cover{background:linear-gradient(90deg, #1E2D5C 0 25%, #A8322B 25% 50%, #D9D4C7 50% 75%, #2F4A8A 75%);}
[data-site-theme="shade"] footer{border-top:0;}
[data-site-theme="shade"] footer::before{content:""; display:block; height:6px; margin:-32px 0 26px; background:linear-gradient(90deg, #C9663A 0 20%, #2F4A8A 20% 40%, #D9D4C7 40% 60%, #A8322B 60% 80%, #1E2D5C 80%);}
[data-site-theme="shade"] :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{outline-color:var(--id-mad);}

/* ================= عنبر الماكينات ================= */
[data-site-theme="hall"]{
  --purple-900:#2A2F36; --purple-700:#2A2F36; --purple-600:#2A2F36; --purple-500:#4A525C; --purple-400:#4A525C;
  --purple-tint:#EEEFEB; --purple-line:#D3D5D0;
  --ink:#24282E; --muted:#5A616A; --paper:#E6E7E3; --card:#F5F5F2; --line:#CFD1CC; --line-strong:#B9BCB6;
  --teal:#C8321E; --amber:#F2B300; --coral:#C8321E; --sky:#4A6A8A;
  --heading:#2A2F36; --accent-text:#9A3B12; --chip-bg:#FFF4CC; --brand-en:#9A6B00;
  --font-display:'Kufam', 'Readex Pro', sans-serif; --font-body:'Readex Pro', sans-serif;
  --radius:8px;
  --id-gra:#2A2F36; --id-saf:#F2B300; --id-stp:#C8321E; --id-stl:#7D8893;
}
@media (prefers-color-scheme: dark){
  [data-site-theme="hall"]{
    --purple-900:#EDEEEA; --purple-700:#F2B300; --purple-tint:#2B2F35; --purple-line:#3A3F46;
    --ink:#EDEEEA; --muted:#AEB4BB; --paper:#1B1E22; --card:#23272C; --line:#353A41; --line-strong:#454B53;
    --heading:#F4F4F1; --accent-text:#F2B300; --chip-bg:#3A3220; --brand-en:#F2B300;
    color-scheme:dark;
  }
}
[data-site-theme="hall"] header::after,
[data-site-theme="hall"] .hero::after{
  content:""; display:block; height:12px;
  background:repeating-linear-gradient(-45deg, var(--id-saf) 0 14px, var(--id-gra) 14px 28px);
}
[data-site-theme="hall"] header{border-bottom:0;}
[data-site-theme="hall"] .hero{background:var(--id-gra); color:#E6E7E3; border-bottom:0; position:relative;}
[data-site-theme="hall"] .hero::after{position:absolute; left:0; right:0; bottom:0;}
[data-site-theme="hall"] .hero h1{color:#FFFFFF;}
[data-site-theme="hall"] .hero h1 span{color:var(--id-saf);}
[data-site-theme="hall"] .hero p, [data-site-theme="hall"] .hero p.lead, [data-site-theme="hall"] .hero .hero-note{color:rgba(230,231,227,.8);}
[data-site-theme="hall"] .hero .eyebrow{background:rgba(242,179,0,.12); border-color:rgba(242,179,0,.45); color:var(--id-saf);}
[data-site-theme="hall"] .hero .hero-links a{color:var(--id-saf);}
[data-site-theme="hall"] .hero .hero-links span{color:rgba(230,231,227,.55);}
[data-site-theme="hall"] .hero .btn-ghost{color:#E6E7E3; border-color:rgba(230,231,227,.4);}
[data-site-theme="hall"] .hero .btn-ghost:hover{background:rgba(230,231,227,.08);}
[data-site-theme="hall"] .hero-art{color:var(--ink);}
[data-site-theme="hall"] .btn{border-radius:6px;}
[data-site-theme="hall"] :is(.btn-grad, .btn-cta),
[data-site-theme="hall"] .sn-nav.sn-open > a.btn-cta,
[data-site-theme="hall"] .nav-links a.btn-grad, [data-site-theme="hall"] .nav-links a.btn-grad:hover{background:var(--id-saf); color:#2A2F36 !important; box-shadow:none;}
[data-site-theme="hall"] :is(.strip, .final-cta){background:var(--id-gra); border-radius:10px;}
[data-site-theme="hall"] .feature-card,
[data-site-theme="hall"] .article-card,
[data-site-theme="hall"] .module-pill{border-width:2px; position:relative;}
[data-site-theme="hall"] .feature-card::before,
[data-site-theme="hall"] .feature-card::after{
  content:""; position:absolute; top:10px; width:9px; height:9px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fff 0 25%, var(--id-stl) 26%);
}
[data-site-theme="hall"] .feature-card::before{right:10px;}
[data-site-theme="hall"] .feature-card::after{left:10px;}
[data-site-theme="hall"] .article-cover{background:repeating-linear-gradient(-45deg, #F2B300 0 18px, #2A2F36 18px 36px);}
[data-site-theme="hall"] .article-cat{background:var(--id-gra); color:var(--id-saf);}
[data-site-theme="hall"] footer{border-top:0;}
[data-site-theme="hall"] footer::before{content:""; display:block; height:8px; margin:-32px 0 26px; background:repeating-linear-gradient(-45deg, var(--id-saf) 0 12px, var(--id-gra) 12px 24px);}
[data-site-theme="hall"] :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{outline-color:var(--id-stp);}

/* ================= الشعار في الهيدر ================= */
[data-site-theme="loom"] :is(.brand, .site-brand) > svg,
[data-site-theme="shade"] :is(.brand, .site-brand) > svg,
[data-site-theme="hall"] :is(.brand, .site-brand) > svg{display:none;}
[data-site-theme="loom"] :is(.brand, .site-brand)::before,
[data-site-theme="shade"] :is(.brand, .site-brand)::before,
[data-site-theme="hall"] :is(.brand, .site-brand)::before{content:""; flex:none; width:30px; height:30px; background:center/contain no-repeat;}
[data-site-theme="loom"] :is(.brand, .site-brand)::before{background-image:url(/img/brand/mark-loom.svg);}
[data-site-theme="shade"] :is(.brand, .site-brand)::before{background-image:url(/img/brand/mark-shade.svg);}
[data-site-theme="hall"] :is(.brand, .site-brand)::before{background-image:url(/img/brand/mark-hall.svg); width:34px;}
@media (prefers-color-scheme: dark){
  [data-site-theme="loom"] :is(.brand, .site-brand)::before{background-image:url(/img/brand/icon-loom.svg); border-radius:6px;}
  [data-site-theme="shade"] :is(.brand, .site-brand)::before{background-image:url(/img/brand/icon-shade.svg); border-radius:6px;}
}