/*
Theme Name: الرياض للمقاولات العامة
Theme URI: https://fanitqan.com
Author: مؤسسة فن وإتقان للمقاولات العامة
Author URI: https://fanitqan.com
Description: قالب ووردبريس عربي فاخر ومتجاوب بالكامل مخصص لمؤسسة الرياض للمقاولات العامة (مؤسسة فن وإتقان) بالرياض، متخصص في الديكورات الداخلية والخارجية والتشطيبات والمقاولات العامة.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary
License URI: https://fanitqan.com/license
Text Domain: fanitqan
Domain Path: /languages
Tags: rtl-language-support, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, portfolio, luxury, interior-design
*/

/* ==========================================================================
   Design System Tokens & Global CSS Variables
   ========================================================================== */
:root {
  /* Brand Color Palette */
  --primary: #C8A868;
  --primary-light: #D8B878;
  --primary-dark: #A88A50;
  --primary-rgb: 200, 168, 104;
  --primary-glow: rgba(200, 168, 104, 0.25);
  --primary-subtle: rgba(200, 168, 104, 0.12);

  /* Dark Theme Surfaces */
  --background-dark: #181828;
  --background-dark-alt: #101018;
  --surface-dark-card: #1f1f33;
  --surface-dark-card-hover: #262640;
  --border-dark: rgba(200, 168, 104, 0.2);
  --border-dark-subtle: rgba(255, 255, 255, 0.08);

  /* Light Theme Surfaces */
  --background-light: #F7F5EF;
  --background-light-alt: #F0EEE8;
  --surface-light-card: #FFFFFF;
  --border-light: rgba(200, 168, 104, 0.3);
  --border-light-subtle: rgba(0, 0, 0, 0.06);

  /* Typography Colors */
  --text-dark: #252525;
  --text-dark-muted: #555555;
  --text-light: #FFFFFF;
  --text-light-muted: #B8B8C8;

  /* Fonts */
  --font-heading: 'Noto Kufi Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Spacing & Layout */
  --container-max-width: 1320px;
  --container-wide-width: 1440px;
  --container-narrow-width: 960px;
  --container-padding: 24px;
  --header-height: 86px;
  --header-height-scrolled: 72px;

  /* Elevations & Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.18);
  --shadow-gold: 0 10px 30px rgba(200, 168, 104, 0.22);
  --shadow-dark-card: 0 12px 32px rgba(0, 0, 0, 0.35);

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;
}