@font-face {
  font-family: "centary";
  src: url(../fonts/GOTHIC.TTF);
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* *::selection {
} */
:root {
  --background: rgba(255, 68, 6, 0.382);
  --title: #f47e4a;
  --read: #21b04b;
}

/* ul,
li {
}
a {
}
body,
html {
} */

body {
  background-attachment: fixed;

  /* ترتیب لایه‌ها: گرید -> گرادینت‌های رنگی -> لایه محوکننده -> تصویر اصلی */
  background-image: 
    /* ۱. خطوط هندسی درشت (Grid) - اندازه ۱۵۰ پیکسل */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.1'%3E%3Cpath d='M0 0h150v1H0V0zm0 150h150v1H0v-1zM0 0h1v150H0V0zm150 0h1v150h-1V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    /* ۲. هاله رنگی آبی-بنفش (حس نوآوری) */
    radial-gradient(
        circle at 15% 20%,
        rgba(177, 210, 58, 0.25),
        transparent 45%
      ),
    /* ۳. هاله رنگی فیروزه‌ای (حس تکنولوژی) */
    radial-gradient(circle at 85% 80%, rgba(212, 6, 150, 0.2), transparent 45%),
    /* ۴. لایه سفید شفاف */
    linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.4) 100%
      ),
    /* ۵. تصویر Organia */ url("../images/background/organia.png");

  /* سایز گرید روی ۱۵۰ پیکسل تنظیم شد */
  background-size:
    150px 150px,
    cover,
    cover,
    cover,
    cover;
  background-position: center, center, center, center, center;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
/* button,
textarea,
input {
}
h1,
h2,
h3,
h4,
h5,
h6 {
} */