/*/////////////////////////*/
/*///////// MAIN //////////*/
/*/////////////////////////*/

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  color-scheme: light;
  font-family: "Poppins", sans-serif;
}

html {
  height: 100%;
  color-scheme: light;
  font-family: sans-serif;

}

body {
  overflow-x: hidden;
  color-scheme: only light;

}

/*/////////////////////////*/
/*////  Grid /////*/
/*/////////////////////////*/
body {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "navbar navbar"
        "main main"
        "footer footer";
  }
  
  nav {
    top: 0;
    position: sticky;
    grid-area: navbar;
  }
  
  my-header {
    grid-column: 1 / -1; /* جعل الهيدر يمتد بعرض الشبكة بالكامل */
  }
  
  main {
    grid-area: main;
  }
  my-footer {
    grid-column: 1 / -1; /* جعل الهيدر يمتد بعرض الشبكة بالكامل */
    width: 100%;
  }
  footer {
    grid-area: footer;
    padding: 1em;
  }

:root {
  color-scheme: only light;
  --primary-color: #343434;
  --secondary-color: #e6bd43;
  --primary-accent-color: #fffae6;
  --secondary-accent-color: #ffff;
  --primary-gray-color: #7d7b75;
}