/* ==========================================================================
   لقطة | LAQTA Studio — Variables CSS (نظام المتغيرات والألوان السينمائية)
   ========================================================================== */

:root {
  /* --------------------------------------------------------------------------
     أ) لوحة الألوان السينمائية (Cinematic Palette)
     -------------------------------------------------------------------------- */
  --bg-primary: #0A0A08;
  --bg-secondary: #16140F;
  --bg-elevated: #201D18;
  --bg-warm: #F5F1E8;

  --text-primary: #F5F1E8;
  --text-secondary: #A8A198;
  --text-muted: #5C5750;
  --text-dark: #1A1815;

  --gold-accent: #C4A572;
  --gold-bright: #E0C48C;
  --gold-dim: #8A754F;
  --red-rec: #B33A2F;

  --border-subtle: rgba(196, 165, 114, 0.12);
  --border-strong: rgba(196, 165, 114, 0.24);

  /* --------------------------------------------------------------------------
     ب) منظومة الخطوط (Typography Families)
     -------------------------------------------------------------------------- */
  --font-heading: 'Amiri', serif;
  --font-body: 'Cairo', sans-serif;
  --font-numeric: 'Bodoni Moda', serif;
  --font-mono: 'Space Mono', monospace;

  /* --------------------------------------------------------------------------
     ج) منحنيات وتوقيتات الحركة (Motion & Easing)
     -------------------------------------------------------------------------- */
  --ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-cut: cubic-bezier(0.87, 0, 0.13, 1);
  --ease-subtle: cubic-bezier(0.25, 0.1, 0.25, 1);

  --duration-fast: 300ms;
  --duration-mid: 600ms;
  --duration-slow: 900ms;

  /* --------------------------------------------------------------------------
     د) الأبعاد الهيكلية (Structural Dimensions)
     -------------------------------------------------------------------------- */
  --nav-height: 64px;
  --letterbox-height: 8vh;
  --timeline-height: 48px;
  --container-max: 1440px;

  /* --------------------------------------------------------------------------
     هـ) النسب السينمائية القياسية (Aspect Ratios)
     -------------------------------------------------------------------------- */
  --ratio-anamorphic: 2.39 / 1;
  --ratio-widescreen: 16 / 9;
  --ratio-classic: 4 / 3;

  /* --------------------------------------------------------------------------
     و) متغيرات ديناميكية تحدثها جافاسكريبت (Runtime Script Variables)
     -------------------------------------------------------------------------- */
  --scene-progress: 0;
  --scroll-y: 0px;
  --letterbox-active: 0;
}