/* ============================================================
   شات عرب فن — الهوية البصرية الجديدة (brand-identity.css)
   خط Tajawal + لوحة ألوان بنفسجية-وردية مختلفة عن أي موقع آخر
   يُحمَّل بعد كل الأنماط ليتفوّق على التوكنز القديمة.
   ============================================================ */

/* ---------- الخط الجديد ---------- */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/tajawal-arabic-400.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+1EE00-1EEBB;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/tajawal-arabic-500.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+1EE00-1EEBB;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/tajawal-arabic-700.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+1EE00-1EEBB;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/assets/fonts/tajawal-arabic-800.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+1EE00-1EEBB;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/tajawal-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/tajawal-latin-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- لوحة الألوان الجديدة: بنفسجي-وردي (Orchid) ---------- */
:root,
html[data-theme="dark"] {
  --arf-primary: #7C4DFF;
  --arf-primary-2: #E040A0;
  --arf-primary-glow: rgba(124, 77, 255, 0.38);
  --arf-accent: #FF5FA2;
  --arf-accent-soft: rgba(255, 95, 162, 0.14);
  --arf-border-hover: rgba(224, 64, 160, 0.55);
  --arf-font: 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --arf-font-num: 'Inter', 'Tajawal', sans-serif;
  --arf-grad-primary: linear-gradient(135deg, #7C4DFF 0%, #E040A0 100%);
  --arf-sh-glow: 0 8px 32px rgba(124, 77, 255, 0.4);
  --arf-grad-bg: radial-gradient(1100px 700px at 82% -12%, rgba(124, 77, 255, 0.26), transparent 60%),
             radial-gradient(900px 600px at 0% 112%, rgba(224, 64, 160, 0.16), transparent 55%),
             var(--arf-bg);
}

html[data-theme="light"] {
  --arf-primary: #6D28D9;
  --arf-primary-2: #C026A3;
  --arf-primary-glow: rgba(109, 40, 217, 0.3);
  --arf-accent: #DB2777;
  --arf-accent-soft: rgba(219, 39, 119, 0.1);
  --arf-border-hover: rgba(192, 38, 163, 0.55);
  --arf-font: 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --arf-font-num: 'Inter', 'Tajawal', sans-serif;
  --arf-grad-primary: linear-gradient(135deg, #6D28D9 0%, #C026A3 100%);
  --arf-sh-glow: 0 8px 32px rgba(109, 40, 217, 0.28);
  --arf-grad-bg: radial-gradient(1100px 700px at 82% -12%, rgba(109, 40, 217, 0.1), transparent 60%),
             radial-gradient(900px 600px at 0% 112%, rgba(192, 38, 163, 0.07), transparent 55%),
             var(--arf-bg);
}

/* توكنز الموقع القديمة (app/ui/chat-ui/landing) — نطابقها بالهوية الجديدة */
:root,
html[data-theme="light"] {
  --arf-lp-brand: #7C4DFF;
  --arf-lp-brand-2: #E040A0;
  --arf-lp-brand-ink: #4C1D95;
  --arf-lp-soft: rgba(124, 77, 255, 0.1);
  --arf-lp-glow-1: rgba(124, 77, 255, 0.3);
  --arf-lp-glow-2: rgba(224, 64, 160, 0.16);
  --arf-lp-shadow: 0 18px 50px rgba(76, 29, 149, 0.12);
  --arf-brand: #7C4DFF;
  --arf-brand-2: #E040A0;
  --arf-brand-soft: rgba(124, 77, 255, 0.12);
  --arf-brand-ink: #4C1D95;
}

html[data-theme="dark"],
:root:not([data-theme="light"]) {
  --arf-lp-brand: #A78BFA;
  --arf-lp-brand-2: #F472B6;
  --arf-lp-brand-ink: #EDE9FE;
  --arf-lp-soft: rgba(167, 139, 250, 0.16);
  --arf-lp-glow-1: rgba(124, 77, 255, 0.4);
  --arf-lp-glow-2: rgba(224, 64, 160, 0.22);
  --arf-brand: #A78BFA;
  --arf-brand-2: #F472B6;
  --arf-brand-soft: rgba(167, 139, 250, 0.16);
}

/* ---------- تفاصيل بصرية مميّزة (لمسة الهوية) ---------- */
body {
  font-family: 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* شريط علوي بخط تدرّج جديد */
.lp-head,
.nav,
header.nav {
  border-bottom: 1px solid var(--arf-border);
  background: linear-gradient(180deg, rgba(124, 77, 255, 0.07), transparent);
}

/* الأزرار الأساسية بتدرّج Orchid */
.lp-btn:not(.ghost),
.btn-primary,
button.primary {
  background: var(--arf-grad-primary);
  border-color: transparent;
}
.lp-btn:not(.ghost):hover,
.btn-primary:hover {
  filter: brightness(1.07);
}

/* عناوين بوزن أقوى (Tajawal يتحمّل 800) */
.lp-h1,
h1 {
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* توهّج الهوية في الكروت */
.lp-card,
.glass {
  box-shadow: 0 12px 40px rgba(124, 77, 255, 0.1);
}

/* شارات الغرف بلون الهوية الجديد */
.lp-badge {
  border-color: rgba(124, 77, 255, 0.3);
  background: rgba(124, 77, 255, 0.08);
}