:root {

  --color-site: #119bda;

  --color-background: #000000;
  --color-glass-background: #4b4b4b57;
  --color-glass-shadow: #ffffff3d;

  --color-aurora-purple: #a855f7;
  --color-aurora-blue: #3b82f6;
  --color-text-primary: #ffffff;
  --color-text-secondary: #d1d5db;

  --color-button-orange: #ff8a00;

  --color-for-us-container-bg-blur: rgba(58, 58, 58, 0.304);
  --color-for-us-container-bg: #17181a;

  --header-nav-item-color: #ffffff;
  --header-nav-icon-size: 20px;
  --header-nav-gap: 28px;
  --header-nav-item-gap: 7px;
  --header-nav-hover-translate: -4px;
  --header-nav-transition: 0.35s cubic-bezier(0.22, 1, 0.36, 1);

  --header-left-gap: 14px;
  --header-action-size: 42px;
  --header-action-color: #ffffff;
  --header-lang-flag-size: 22px;
  --header-settings-icon-size: 21px;
  --header-left-hover-translate: -4px;
  --header-left-transition: 0.35s cubic-bezier(0.22, 1, 0.36, 1);

  --header-height: 70px;
  --header-width: 70%;
  --header-max-width: 1180px;
  --header-min-width: 320px;
  --header-mobile-width: calc(100% - 24px);
  --header-radius: 100px;

  --header-modal-top-gap: 10px;
  --header-modal-radius: 28px;
  --header-modal-transition: 0.32s cubic-bezier(0.22, 1, 0.36, 1);

  --color-site: #119bda;
  --color-text-primary: #e8eef4;
  --color-text-secondary: #9fb0c0;
  --color-for-us-container-bg: #0e1721b6;
  --color-for-us-container-bg-blur: rgba(255, 255, 255, 0.06);
  --color-fu-card-bg: rgba(255, 255, 255, 0.04);
  --color-fu-card-hover: rgba(255, 255, 255, 0.07);
  --color-fu-border: rgba(255, 255, 255, 0.09);
  --color-fu-chip-bg: rgba(17, 155, 218, 0.1);
  --color-fu-danger: #ef4444;
  --color-fu-success: #22c55e;
  --color-fu-warning: #f59e0b;


}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  font-family: 'Vazirmatn', sans-serif;
}

body {
  background-color: var(--color-background);
}

.app{
    margin-top: 100vh;
}

.glass{
    background: var(--color-glass-background);
    backdrop-filter: blur(10px);
    box-shadow: 0 -1px var(--color-glass-shadow);
}