/*
Theme Name:        AppSaze
Theme URI:         https://appsaze.ir
Author:            Ali Momen | Esteem Dev
Author URI:        https://alimomen.ir
Description:       قالب اختصاصی اپساز — آژانس طراحی سایت، وب‌اپلیکیشن و سئو. طراحی Liquid Glass با رویکرد مینیمالیسم تکنیکال.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      8.0
License:           Private
Text Domain:       appsaze
Tags:              rtl-language, dark, custom-colors, custom-logo, full-width-template, blog
*/

/* ============================================================
   DESIGN TOKENS — روانشناسی رنگ محاسبه‌شده
   - بنفش: خلاقیت، نوآوری، لوکس         کنتراست: 9.8:1 ✅
   - سایان: تکنولوژی، اعتماد، وضوح      کنتراست: 9.2:1 ✅
   - سفید نرم: خوانایی                   کنتراست: 15.8:1 ✅
   ============================================================ */
:root {
  /* ── Backgrounds ── */
  --bg-primary:          #F5F7FA;
  --bg-secondary:        #FFFFFF;
  --bg-tertiary:         #EBF0F5;
  --bg-elevated:         #FFFFFF;

  /* ── Liquid Glass ── */
  --glass-bg:            rgba(255, 255, 255, 0.45);
  --glass-bg-hover:      rgba(255, 255, 255, 0.60);
  --glass-bg-active:     rgba(255, 255, 255, 0.75);
  --glass-border:        rgba(0, 0, 0, 0.06);
  --glass-border-hover:  rgba(0, 0, 0, 0.12);
  --glass-top:           rgba(255, 255, 255, 0.50);
  --glass-shadow:        0 8px 32px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(0, 0, 0, 0.02);
  --glass-shadow-elevated: 0 12px 48px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0,0,0,0.02), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --glass-blur:          blur(20px) saturate(190%);

  /* ── Brand Colors ── */
  --accent-primary:         #7C3AED;
  --accent-primary-light:   #6D28D9;
  --accent-primary-dark:    #4C1D95;
  --accent-primary-glow:    rgba(124, 58, 237, 0.15);
  --accent-secondary:       #0891B2;
  --accent-secondary-light: #0369A1;
  --accent-secondary-dark:  #075985;
  --accent-secondary-glow:  rgba(8, 145, 178, 0.12);

  /* ── Gradients ── */
  --gradient-brand:   linear-gradient(135deg, #7C3AED 0%, #0891B2 100%);
  --gradient-brand-r: linear-gradient(135deg, #0891B2 0%, #7C3AED 100%);
  --gradient-subtle:  linear-gradient(135deg, rgba(124,58,237,0.06) 0%, rgba(8,145,178,0.04) 100%);
  --gradient-hero:    radial-gradient(ellipse 80% 60% at 50% -20%, rgba(124,58,237,0.08) 0%, transparent 70%);
  --gradient-cta:     linear-gradient(135deg, #7C3AED 0%, #0891B2 100%);

  /* ── Typography ── */
  --text-primary:   #1D1D1F;
  --text-secondary: #515154;
  --text-muted:     #86868B;
  --text-disabled:  #AEAEB2;

  /* ── Semantic Colors ── */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error:   #EF4444;
  --color-info:    #3B82F6;

  /* ── Borders ── */
  --border-subtle:  rgba(0, 0, 0, 0.04);
  --border-default: rgba(0, 0, 0, 0.08);
  --border-strong:  rgba(0, 0, 0, 0.15);

  /* ── Radius ── */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-pill: 9999px;

  /* ── Spacing (Desktop Compact Scale) ── */
  --space-1:  6px;
  --space-2:  12px;
  --space-3:  18px;
  --space-4:  24px;
  --space-5:  30px;
  --space-6:  36px;
  --space-8:  48px;
  --space-10: 60px;
  --space-12: 72px;
  --space-16: 84px;
  --space-20: 100px;

  /* ── Typography Scale (Desktop Compact) ── */
  --font-family-base: 'Vazirmatn', 'Inter', system-ui, sans-serif;
  --font-family-mono: 'JetBrains Mono', 'Courier New', monospace;
  --font-size-xs:   0.75rem;   /* 12px */
  --font-size-sm:   0.8125rem; /* 13px */
  --font-size-base: 0.9375rem; /* 15px */
  --font-size-lg:   1.0625rem; /* 17px */
  --font-size-xl:   1.1875rem; /* 19px */
  --font-size-2xl:  1.375rem;  /* 22px */
  --font-size-3xl:  1.625rem;  /* 26px */
  --font-size-4xl:  2rem;      /* 32px */
  --font-size-5xl:  2.375rem;  /* 38px */
  --font-size-6xl:  3rem;      /* 48px */
  --font-size-7xl:  3.75rem;   /* 60px */
  --line-height-tight:  1.2;
  --line-height-snug:   1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed:1.7;

  /* ── Transitions ── */
  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base:   250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   400ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Layout ── */
  --container-max: 1140px;
  --container-wide: 1280px;
  --section-pad-y: var(--space-10); /* 60px vertical section spacing */
  --navbar-height: 60px;
  --sidebar-width: 280px;
  --z-below:    -1;
  --z-base:      0;
  --z-raised:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    500;
}

@media (max-width: 768px) {
  :root {
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 56px;
    --space-20: 72px;

    --font-size-xs:   0.75rem;   /* 12px */
    --font-size-sm:   0.8125rem; /* 13px */
    --font-size-base: 0.875rem;  /* 14px */
    --font-size-lg:   0.9375rem; /* 15px */
    --font-size-xl:   1.0625rem; /* 16px */
    --font-size-2xl:  1.1875rem; /* 19px */
    --font-size-3xl:  1.3125rem; /* 21px */
    --font-size-4xl:  1.5rem;    /* 24px */
    --font-size-5xl:  1.875rem;  /* 30px */
    --font-size-6xl:  2.25rem;   /* 36px */
    --font-size-7xl:  2.625rem;  /* 42px */

    --section-pad-y: var(--space-8); /* 32px vertical spacing on mobile */
    --navbar-height: 52px;
  }
}