/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Child Theme for Hello Elementor
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ======================================================
   Design System
====================================================== */

:root {

  /* Container */
  --container-max: 1200px;

  /* ================= Colors ================= */

  /* Primary */
  --primary-main: #E9373D;
  --primary-lightest: #FDEFEF;
  --primary-lighter: #FBDADB;
  --primary-light: #F4999C;
  --primary-dark: #C5161C;
  --primary-darker: #710D10;

  /* Secondary */
  --secondary-main: #FEBF10;
  --secondary-lightest: #FFF6DD;
  --secondary-lighter: #FFE6A2;
  --secondary-light: #FEDB79;
  --secondary-dark: #946D01;
  --secondary-darker: #4B3700;

  /* Tertiary */
  --tertiary-main: #2B7ACA;
  --tertiary-lightest: #E0ECF8;
  --tertiary-lighter: #AACBED;
  --tertiary-light: #5799DB;
  --tertiary-dark: #184571;
  --tertiary-darker: #0D243C;

  /* Success */
  --success-main: #1AB133;
  --success-light: #BAE8C2;
  --success-lighter: #E8F7EB;
  --success-dark: #158E29;
  --success-darker: #0A4714;

  /* Error */
  --error-main: #E9373D;
  --error-light: #EF6C70;
  --error-lighter: #F8BEC0;
  --error-dark: #C5161C;
  --error-darker: #710D10;

  /* Neutral (Text / Border / Background / Icon) */
  --neutral-50:  #fcfcfc;
  --neutral-100: #f4f5f5;
  --neutral-200: #e7e8e8;
  --neutral-300: #d5d5d6;
  --neutral-400: #bdbec0;
  --neutral-600: #7e7f83;
  --neutral-700: #57595b;
  --neutral-800: #353537;
  --neutral-900: #202021;
  
  
    /* =========================
     Text
  ========================= */
  --text-lightest: var(--neutral-50);
  --text-lighter:  var(--neutral-200);
  --text-light:    var(--neutral-400);
  --text-dark:     var(--neutral-600);
  --text-darker:   var(--neutral-700);
  --text-darkest:  var(--neutral-900);

  /* =========================
     Icon
  ========================= */
  --icon-lightest: var(--neutral-50);
  --icon-lighter:  var(--neutral-200);
  --icon-light:    var(--neutral-400);
  --icon-dark:     var(--neutral-600);
  --icon-darker:   var(--neutral-700);
  --icon-darkest:  var(--neutral-900);

  /* =========================
     Border
  ========================= */
  --border-lightest: var(--neutral-100);
  --border-lighter:  var(--neutral-200);
  --border-light:    var(--neutral-300);
  --border-dark:     var(--neutral-600);
  --border-darker:   var(--neutral-700);
  --border-darkest:  var(--neutral-900);

  /* =========================
     Background
  ========================= */
  --bg-lightest: var(--neutral-50);
  --bg-lighter:  var(--neutral-100);
  --bg-light:    var(--neutral-200);
  --bg-dark:     var(--neutral-300);
  --bg-darker:   var(--neutral-600);
  --bg-darkest:  var(--neutral-800);
}

/* ========================================
   Yekan Bakh FaNum
======================================== */

/* 400 - Regular */
@font-face {
    font-family: 'YekanBakhFaNum';
    src: url('./assets/fonts/YekanBakhFaNum-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 600 - SemiBold */
@font-face {
    font-family: 'YekanBakhFaNum';
    src: url('./assets/fonts/YekanBakhFaNum-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* 700 - Bold */
@font-face {
    font-family: 'YekanBakhFaNum';
    src: url('./assets/fonts/YekanBakhFaNum-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 800 - ExtraBold */
@font-face {
    font-family: 'YekanBakhFaNum';
    src: url('./assets/fonts/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* 900 - Black */
@font-face {
    font-family: 'YekanBakhFaNum';
    src: url('./assets/fonts/YekanBakhFaNum-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ======================================================
   Typography Scale
====================================================== */

/* Display */
.text-display-lg { font-size: 48px; line-height: 64px; font-weight: 900; }
.text-display-md { font-size: 40px; line-height: 54px; font-weight: 900; }
.text-display-sm { font-size: 36px; line-height: 48px; font-weight: 900; }

/* Headline */
.text-headline-lg { font-size: 32px; line-height: 44px; font-weight: 800; }
.text-headline-md { font-size: 28px; line-height: 40px; font-weight: 800; }
.text-headline-sm { font-size: 24px; line-height: 34px; font-weight: 800; }

/* Title */
.text-title-lg { font-size: 24px; line-height: 34px; font-weight: 700; }
.text-title-md { font-size: 20px; line-height: 28px; font-weight: 700; }
.text-title-sm { font-size: 16px; line-height: 24px; font-weight: 700; }

/* Body */
.text-body-lg { font-size: 16px; line-height: 24px; font-weight: 400; }
.text-body-md { font-size: 14px; line-height: 20px; font-weight: 400; }
.text-body-sm { font-size: 12px; line-height: 18px; font-weight: 400; }

/* Label */
.text-label-lg { font-size: 14px; line-height: 20px; font-weight: 600; }
.text-label-md { font-size: 12px; line-height: 18px; font-weight: 600; }
.text-label-sm { font-size: 10px; line-height: 14px; font-weight: 600; }


/* ======================================================
   Utility Classes
====================================================== */

/* Text */
.text-lightest { color: var(--text-lightest); }
.text-lighter  { color: var(--text-lighter); }
.text-light    { color: var(--text-light); }
.text-dark     { color: var(--text-dark); }
.text-darker   { color: var(--text-darker); }
.text-darkest  { color: var(--text-darkest); }

/* Icon */
.icon-lightest { fill: var(--icon-lightest); }
.icon-lighter  { fill: var(--icon-lighter); }
.icon-light    { fill: var(--icon-light); }
.icon-dark     { fill: var(--icon-dark); }
.icon-darker   { fill: var(--icon-darker); }
.icon-darkest  { fill: var(--icon-darkest); }

/* Border */
.border-lightest { border-color: var(--border-lightest); }
.border-lighter  { border-color: var(--border-lighter); }
.border-light    { border-color: var(--border-light); }
.border-dark     { border-color: var(--border-dark); }
.border-darker   { border-color: var(--border-darker); }
.border-darkest  { border-color: var(--border-darkest); }

/* Background */
.bg-lightest { background-color: var(--bg-lightest); }
.bg-lighter  { background-color: var(--bg-lighter); }
.bg-light    { background-color: var(--bg-light); }
.bg-dark     { background-color: var(--bg-dark); }
.bg-darker   { background-color: var(--bg-darker); }
.bg-darkest  { background-color: var(--bg-darkest); }


/* ======================================================
   Layout
====================================================== */

.section {
  inline-size: 100%;
  padding-inline: 16px;
}

.container {
  inline-size: min(100%, var(--container-max));
  margin-inline: auto;
}

.only_mobile{ display: none; }

@media (max-width: 900px){
  .only_desktop{ display: none; }
  .only_mobile{ display: block; }
}

/* ======================================================
   Base
====================================================== */

body {
  background-color: var(--bg-lightest) !important;
}

html,
body {
  font-family: 'YekanBakhFaNum', sans-serif !important;
}