/* ======================================================================
   KILZ — رموز التصميم وفق كود المنصات 1.0
   مولد آليا من landing/api/theme.php — لا يحرر يدويا.
   اعادة التوليد:  php tools/build_theme_css.php
   ====================================================================== */
:root{
  /* 2.1 الالوان */
  --brand: #166A45;
  --brand-2: #1B8354;
  --brand-ink: #FFFFFF;
  --brand-soft: #B8EACB;
  --brand-light: #54C08A;
  --brand-hover: #25935F;
  --brand-dim: #166A45;
  --brand-pale: #F3FCF6;
  --deep: #104631;
  --deep-2: #14573A;
  --darkest: #092A1E;
  --accent: #DBA102;
  --accent-soft: #FCF3BD;
  --internal: #384250;
  --ink: #1F2A37;
  --ink-soft: #384250;
  --muted: #6C737F;
  --disabled: #9DA4AE;
  --line: #D2D6DB;
  --line-soft: #E5E7EB;
  --line-2: #D2D6DB;
  --line-3: #E5E7EB;
  --line-page: #D2D6DB;
  --surface: #FFFFFF;
  --surface-2: #F9FAFB;
  --ground: #F9FAFB;
  --ground-2: #FCFCFD;
  --tint: #F9FAFB;
  --tint-2: #F3F4F6;
  --tint-3: #F3FCF6;
  --page-tint: #F3FCF6;
  --soft: #F3FCF6;
  --neutral-bg: #F3F4F6;
  --muted-page: #6C737F;
  --muted-2: #6C737F;
  --ok: #067647;
  --ok-bg: #ECFDF3;
  --ok-2: #067647;
  --ok-bg-2: #ECFDF3;
  --ok-dark: #067647;
  --ok-line: #ABEFC6;
  --bad: #B42318;
  --bad-bg: #FEF3F2;
  --bad-2: #B42318;
  --bad-bg-2: #FEF3F2;
  --warn: #B54708;
  --warn-bg: #FFFAEB;
  --warn-2: #B54708;
  --warn-bg-2: #FFFAEB;
  --info: #175CD3;
  --info-bg: #EFF8FF;
  --info-line: #B2DDFF;
  --field-bg: #FFFFFF;
  --field-border: #6C737F;
  --field-help: #384250;
  --focus: #1B8354;
  --focus-halo: #B8EACB;
  --danger: #B42318;
  --danger-bg: #FEF3F2;
  --danger-line: #B42318;
  --section-bg: #F9FAFB;
  --section-line: #E5E7EB;
  --crumb-bg: #F7FDF9;
  --star: #DBA102;
  --foot-deep: #074D31;

  /* اسماء قديمة في الصفحات */
  --paper: var(--page-tint);
  --green: var(--brand-2);
  --green-l: var(--brand-light);
  --line: var(--line-page);
  --muted: var(--muted-page);
  --muted2: var(--muted-2);
  --gold: var(--accent);

  /* 2.2 الطباعة */
  --font-ar: "IBM Plex Sans Arabic","IBM Plex Sans","TheMixArabic Plain",system-ui,"Segoe UI",Tahoma,Arial,sans-serif;
  --font-mono: "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-display-2xl: 72px;  --lh-display-2xl: 90px;  --ls-display-2xl: -0.02em;
  --fs-display-xl: 60px;  --lh-display-xl: 72px;  --ls-display-xl: -0.02em;
  --fs-display-lg: 48px;  --lh-display-lg: 60px;  --ls-display-lg: -0.02em;
  --fs-display-md: 36px;  --lh-display-md: 44px;  --ls-display-md: -0.02em;
  --fs-display-sm: 30px;  --lh-display-sm: 38px;  --ls-display-sm: 0;
  --fs-display-xs: 24px;  --lh-display-xs: 32px;  --ls-display-xs: 0;
  --fs-text-xl: 20px;  --lh-text-xl: 30px;  --ls-text-xl: 0;
  --fs-text-lg: 18px;  --lh-text-lg: 28px;  --ls-text-lg: 0;
  --fs-text-md: 16px;  --lh-text-md: 24px;  --ls-text-md: 0;
  --fs-text-sm: 14px;  --lh-text-sm: 20px;  --ls-text-sm: 0;
  --fs-text-xs: 12px;  --lh-text-xs: 18px;  --ls-text-xs: 0;
  --fs-text-2xs: 10px;  --lh-text-2xs: 14px;  --ls-text-2xs: 0;

  /* 2.3 التباعد */
  --sp-none: 0;
  --sp-xxs: 2px;
  --sp-xs: 4px;
  --sp-sm: 6px;
  --sp-md: 8px;
  --sp-lg: 12px;
  --sp-xl: 16px;
  --sp-2xl: 20px;
  --sp-3xl: 24px;
  --sp-4xl: 32px;
  --sp-5xl: 40px;
  --sp-6xl: 48px;
  --sp-7xl: 64px;
  --sp-8xl: 80px;
  --sp-9xl: 96px;
  --sp-10xl: 128px;
  --sp-11xl: 160px;

  /* 09 نصف القطر */
  --r-none: 0;
  --r-xxs: 2px;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 12px;
  --r-2xl: 16px;
  --r-3xl: 20px;
  --r-4xl: 24px;
  --r-full: 9999px;
  --r: 8px;

  /* 2.4 الظلال */
  --shadow-xs: 0 1px 2px 0 rgba(16,24,40,.05);
  --shadow-sm: 0 1px 3px 0 rgba(16,24,40,.10), 0 1px 2px 0 rgba(16,24,40,.06);
  --shadow-md: 0 4px 8px -2px rgba(16,24,40,.10), 0 2px 4px -2px rgba(16,24,40,.06);
  --shadow-lg: 0 12px 16px -6px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03);
  --shadow-xl: 0 20px 24px -4px rgba(16,24,40,.08), 0 8px 8px -4px rgba(16,24,40,.03);
  --shadow-2xl: 0 24px 48px -12px rgba(16,24,40,.18);
  --shadow-3xl: 0 32px 64px -12px rgba(16,24,40,.14);
  --shadow: 0 20px 24px -4px rgba(16,24,40,.08), 0 8px 8px -4px rgba(16,24,40,.03);

  /* 2.3 الحاويات ونقاط التوقف */
  --container-max: 1280px;
  --container-pad-desk: 32px;
  --container-pad-mob: 16px;
  --section-pad-desk: 80px;
  --section-pad-mob: 16px;
  --paragraph-max: 720px;
  --touch-min: 44px;
  --icon: 24px;
  --bp-sm: 600px;
  --bp-md: 960px;
  --bp-lg: 1280px;
}

/* الاساس — 2.2 و 2.3 */
html{ -webkit-text-size-adjust:100%; }
body{
  font-family:var(--font-ar);
  font-size:var(--fs-text-md);
  line-height:var(--lh-text-md);
  color:var(--ink-soft);
  background:var(--ground);
}
p, .measure{ max-width:var(--paragraph-max); }

/* الحاوية — حشوة الجوال افتراضا ثم سطح المكتب (mobile first) */
.dga-container{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--container-pad-mob);
}
@media (min-width:600px){
  .dga-container{ padding-inline:var(--container-pad-desk); }
}

/* 5.2 اهداف اللمس ومؤشر التركيز */
a, button, input, select, textarea, [tabindex]{ font-family:inherit; }
:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:2px;
  border-radius:var(--r-sm);
}
.dga-touch{ min-block-size:var(--touch-min); min-inline-size:var(--touch-min); }

/* 4.2 خصائص منطقية — لا يوجد left/right في هذا الملف */