/* 
 * ==============================================================================
 * شركة أساس للمقاولات العامة | ASAS Construction
 * ملف: css/variables.css
 * الفئة: Corporate Trust (متغيرات التصميم الموحدة)
 * ==============================================================================
 */

:root {
  /* الألوان — Corporate Trust */
  --paper:          #F4F3F0;   /* Warm Paper — الخلفية */
  --sand:           #E8E5DF;   /* Subtle Sand — خلفية ثانوية */
  
  --navy:           #1A2B4C;   /* Deep Navy — الأساسي */
  --navy-light:     #2A3F66;   /* Lighter Navy — Hover */
  --ink:            #0F1722;   /* Ink Black — النص الأساسي */
  --graphite:       #4A5568;   /* Cool Grey — نص ثانوي */
  --mist:           #8A94A6;   /* Muted Grey — ثانوي باهت */

  --gold:           #B38B4D;   /* Aged Gold — Accent رئيسي */
  --gold-light:     #C9A46E;   /* Gold Light — Hover */

  /* الحدود — أداة العمق الأساسية */
  --line-thin:      rgba(26, 43, 76, 0.08);
  --line:           rgba(26, 43, 76, 0.15);
  --line-strong:    rgba(26, 43, 76, 0.30);

  /* الخطوط */
  --font-arabic:    "Cairo", sans-serif;
  --font-display:   "Archivo", sans-serif;
  --font-body:      "IBM Plex Sans Arabic", sans-serif;
  --font-mono:      "Space Grotesk", monospace;

  /* الأوزان */
  --fw-light:       300;
  --fw-normal:      400;
  --fw-medium:      500;
  --fw-semibold:    600;
  --fw-bold:        700;
  --fw-black:       900;

  /* ارتفاعات السطور */
  --lh-tight:       1.1;
  --lh-heading:     1.2;
  --lh-body:        1.7;

  /* سلم الأحجام */
  --fs-hero:        clamp(2.5rem, 5vw, 4.5rem);
  --fs-display:     clamp(3rem, 6vw, 5rem);
  --fs-page-title:  clamp(2rem, 4vw, 3rem);
  --fs-section:     clamp(1.75rem, 3vw, 2.5rem);
  --fs-subsection:  clamp(1.25rem, 2vw, 1.5rem);
  --fs-lead:        clamp(1.125rem, 1.5vw, 1.375rem);
  --fs-body:        1.0625rem;
  --fs-small:       0.9375rem;
  --fs-label:       0.75rem;

  /* التباعد — شبكة 8px صارمة */
  --space-xs:       8px;
  --space-sm:       16px;
  --space-md:       24px;
  --space-lg:       40px;
  --space-xl:       64px;
  --space-2xl:      96px;
  --space-3xl:      144px;

  --container-max:  1440px;
  --container-narrow: 1080px;
  --container-text: 720px;
  --header-height:  88px;

  /* الحواف — Corporate Trust (0px) */
  --radius:         0px;

  /* الحركة — سريعة وحاسمة */
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast:   150ms;
  --duration-hover:  250ms;
  --duration-reveal: 600ms;

  /* صور */
  --image-filter: saturate(0.85) contrast(1.05);
}