/*
Theme Name: Qrocodile
Theme URI: https://qrocodile.ir
Author: Qrocodile Team
Author URI: https://qrocodile.ir
Description: پلتفرم ساخت و مدیریت کدهای QR - مینیمال، مدرن و سریع
Version: 1.1.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.5
License: Proprietary
Text Domain: qrocodile
*/

/* ============================================================
   DESIGN TOKENS — Color System
   ============================================================ */
:root {
  /* Backgrounds */
  --color-bg: #f5f4ef;
  --color-surface: #ffffff;
  --color-surface-alt: #f0efe9;

  /* Brand */
  --color-primary: #3bbb6e;
  --color-primary-dark: #2a9a55;
  --color-primary-light: #e8f8ef;
  --color-accent: #f59e0b;
  --color-accent-light: #fef3c7;

  /* Text */
  --color-heading: #111827;
  --color-body: #4b5563;
  --color-muted: #9ca3af;
  --color-on-primary: #ffffff;

  /* Borders & Shadows */
  --color-border: #e5e7eb;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.1);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Spacing Scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;

  /* Typography */
  --font-family: "Vazir", "Tahoma", sans-serif;
  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 26px;
  --font-size-3xl: 34px;
  --font-size-4xl: 46px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* Layout */
  --container-max: 1200px;
  --container-md: 900px;
  --nav-height: 64px;
}