/* الخلفية الموحدة لموقع حرفتي — زليج مغربي داكن */
:root {
  --hirfati-moroccan-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 108 108'%3E%3Cg fill='none' stroke='%2394A3B8' stroke-width='0.8' stroke-opacity='0.12'%3E%3Cpolygon points='54,7 64,39 96,29 75,54 96,79 64,69 54,101 44,69 12,79 33,54 12,29 44,39'/%3E%3Cpath d='M0 54h33M75 54h33M54 0v39M54 69v39M27 27l17 17M64 64l17 17M81 27L64 44M44 64L27 81'/%3E%3Ccircle cx='54' cy='54' r='8'/%3E%3C/g%3E%3C/svg%3E");
}

body {
  min-height: 100vh;
  background-color: #090D16 !important;
  background-image:
    var(--hirfati-moroccan-pattern),
    radial-gradient(circle at 85% 20%, rgba(124, 58, 237, 0.18) 0%, transparent 45%),
    radial-gradient(circle at 15% 80%, rgba(59, 130, 246, 0.12) 0%, transparent 45%),
    linear-gradient(160deg, #060B19 0%, #0F172A 50%, #1E1035 100%) !important;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-position: center, center, center, center;
  background-attachment: fixed;
}

@media (max-width: 768px) {
  body { background-attachment: scroll; }
}
