/* A+ Lab: هوية الألوان والخطوط (من دليل الأسلوب في Claude Design) */
:root{
  --blue:#2B3BFF; --yellow:#FFD12E; --red:#E5322D;
  --ink:#14151A; --paper:#F5F4EF; --white:#FFFFFF;
  --ink-2:#3A3C44; --ink-3:#5B5D66; --ink-on-dark:#A9ABB3; --ink-raised:#24262C;
  --night:#14151A;              /* أقسام غامقة (النماذج والفوتر) */
  --cream:#F5F4EF; --black:#14151A; /* ثابتة: نص فوق الأزرق والأصفر والغامق */
  --line:rgba(20,21,26,.2); --grid:rgba(43,59,255,.10);
  --font-display:'Changa',sans-serif;
  --font-body:'IBM Plex Sans Arabic',sans-serif;
  --font-logo:'Anton',sans-serif;
  --font-latin:'Archivo',sans-serif;
  --pad-x:80px;
}
@media (max-width:900px){ :root{ --pad-x:16px } }

/* الوضع الداكن: يتبع إعداد الجهاز، وزر الوضع يثبّت اختيار الزائر (data-theme) */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#F5F4EF; --paper:#14151A; --white:#1E2026;
    --ink-2:#D2D3D8; --ink-3:#A9ABB3;
    --night:#0B0C10; --line:rgba(245,244,239,.2); --grid:rgba(120,132,255,.14);
  }
}
:root[data-theme="dark"]{
  --ink:#F5F4EF; --paper:#14151A; --white:#1E2026;
  --ink-2:#D2D3D8; --ink-3:#A9ABB3;
  --night:#0B0C10; --line:rgba(245,244,239,.2); --grid:rgba(120,132,255,.14);
}