/*
Theme Name:        Heeiz — حيّز
Theme URI:         https://heeiz.iq
Author:            Heeiz Team
Author URI:        https://heeiz.iq
Description:       عاصمة التجارة الإلكترونية في العراق — Theme احترافي متكامل بثلاث لغات (AR/KU/EN)
Version:           1.0.0
Requires at least: 6.4
Tested up to:      6.7
Requires PHP:      8.1
License:           Private
Text Domain:       heeiz
Domain Path:       /languages
Tags:              rtl-language, custom-colors, custom-logo, three-columns, e-commerce, arabic, kurdish
*/

/* ═══════════════════════════════════════════════════════════
   HEEIZ DESIGN SYSTEM — CSS CUSTOM PROPERTIES
   ═══════════════════════════════════════════════════════════ */
:root {
  /* ─── Primary Teal Spectrum ─── */
  --heeiz-teal-950: #042f32;
  --heeiz-teal-900: #073d42;
  --heeiz-teal-800: #0a5158;
  --heeiz-teal-700: #10646b;
  --heeiz-teal-600: #157f89;
  --heeiz-teal-500: #1a9aa6;
  --heeiz-teal-400: #24b8c6;
  --heeiz-teal-300: #5dd0db;
  --heeiz-teal-200: #9de7ee;
  --heeiz-teal-100: #cef3f6;
  --heeiz-teal-50: #edfbfc;

  /* ─── Accent Gold ─── */
  --heeiz-gold-700: #9a6f00;
  --heeiz-gold-600: #c49000;
  --heeiz-gold-500: #f0a500;
  --heeiz-gold-400: #f5bc3b;
  --heeiz-gold-100: #fef3d0;

  /* ─── Neutral Ink ─── */
  --heeiz-ink-950: #080e0f;
  --heeiz-ink-900: #0e1a1c;
  --heeiz-ink-800: #1a2d30;
  --heeiz-ink-700: #243f43;
  --heeiz-ink-500: #4a6b6f;
  --heeiz-ink-300: #8aacb0;
  --heeiz-ink-100: #d5e8ea;
  --heeiz-ink-50: #eef6f7;

  /* ─── Pure ─── */
  --white: #ffffff;
  --off-white: #f8fcfc;

  /* ─── Semantic ─── */
  --success: #16a34a;
  --warning: #ea580c;
  --error: #dc2626;
  --info: var(--heeiz-teal-500);

  /* ─── Gradients ─── */
  --grad-hero: linear-gradient(135deg, #042f32 0%, #10646b 50%, #1a9aa6 100%);
  --grad-card: linear-gradient(145deg, rgba(16, 100, 107, 0.06) 0%, rgba(26, 154, 166, 0.03) 100%);
  --grad-gold: linear-gradient(135deg, #f0a500 0%, #f5bc3b 100%);
  --grad-dark: linear-gradient(180deg, #080e0f 0%, #0e1a1c 100%);
  --grad-mesh: radial-gradient(at 40% 20%, #10646b33 0px, transparent 50%),
    radial-gradient(at 80% 0%, #1a9aa633 0px, transparent 50%),
    radial-gradient(at 0% 50%, #0a515833 0px, transparent 50%);

  /* ─── Typography ─── */
  /* Noto Kufi Arabic — خط موحّد لكل اللغات */
  --font-ar: 'Noto Kufi Arabic', sans-serif;
  --font-ku: 'Noto Kufi Arabic', sans-serif;
  --font-en-display: 'Noto Kufi Arabic', sans-serif;
  --font-en-body: 'Noto Kufi Arabic', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Default */
  --font-primary: 'Noto Kufi Arabic', sans-serif;
  --font-display: 'Noto Kufi Arabic', sans-serif;

  /* ─── Font Weight Scale ─── */
  /* h1 → 900 (Black) · h2 → 800 (ExtraBold) · h3 → 700 (Bold) */
  /* h4-h6 / labels → 600 (SemiBold) · body → 400 · captions → 300 */

  /* ─── Spacing (4pt grid) ─── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;
  --space-8:  32px;
  --space-9:  36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* ─── Border Radius ─── */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-full: 9999px;

  /* ─── Shadows ─── */
  --shadow-xs: 0 1px 3px rgba(16, 100, 107, .06), 0 1px 2px rgba(16, 100, 107, .04);
  --shadow-sm: 0 4px 6px rgba(16, 100, 107, .07), 0 2px 4px rgba(16, 100, 107, .06);
  --shadow-md: 0 10px 15px rgba(16, 100, 107, .10), 0 4px 6px rgba(16, 100, 107, .05);
  --shadow-lg: 0 20px 25px rgba(16, 100, 107, .12), 0 8px 10px rgba(16, 100, 107, .06);
  --shadow-xl: 0 32px 48px rgba(16, 100, 107, .15), 0 16px 24px rgba(16, 100, 107, .08);
  --shadow-2xl: 0 48px 64px rgba(16, 100, 107, .20), 0 24px 32px rgba(16, 100, 107, .10);
  --shadow-glow: 0 0 40px rgba(26, 154, 166, .35), 0 0 80px rgba(16, 100, 107, .20);
  --shadow-gold: 0 8px 32px rgba(240, 165, 0, .30);

  /* ─── Transitions ─── */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-sharp: cubic-bezier(0.0, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 300ms;
  --duration-slow: 600ms;
  --duration-xslow: 1200ms;

  /* ─── Layout ─── */
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1440px;
  --container-pad: clamp(16px, 4vw, 80px);

  /* ─── Z-Index Layers ─── */
  --z-below: -1;
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 20;
  --z-sticky: 30;
  --z-overlay: 40;
  --z-modal: 50;
  --z-toast: 60;
  --z-cursor: 70;
  --z-loader: 80;
}

/* ─── Language Overrides (all use Noto Kufi Arabic) ─── */
:lang(en),
:lang(ku) {
  --font-primary: 'Noto Kufi Arabic', sans-serif;
  --font-display: 'Noto Kufi Arabic', sans-serif;
}