/*
 Theme Name:   Hesham Saad
 Theme URI:    https://heshamsaad.com/
 Description:  Custom child theme for Hesham Saad's website.
 Author:       Hesham Saad
 Author URI:   https://heshamsaad.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
    --primary: hsla(0, 3.8%, 10.2%, 1);
    --primary-d-1: hsla(0, 4%, 9%, 1);
    --primary-d-2: hsla(0, 5%, 9%, 1);
    --primary-d-3: hsla(0, 5%, 8%, 1);
    --primary-d-4: hsla(0, 6%, 7%, 1);
    --primary-d-5: hsla(0, 3%, 6%, 1);
    --primary-d-6: hsla(0, 3%, 6%, 1);
    --primary-d-7: hsla(0, 4%, 5%, 1);
    --primary-d-8: hsla(0, 5%, 4%, 1);
    --primary-d-9: hsla(0, 6%, 3%, 1);
    --primary-d-10: hsla(0, 8%, 3%, 1);
    --primary-d-11: hsla(0, 11%, 2%, 1);
    --primary-d-12: hsla(0, 20%, 1%, 1);
    --primary-l-1: hsla(0, 4%, 18%, 1);
    --primary-l-2: hsla(0, 4%, 25%, 1);
    --primary-l-3: hsla(0, 4%, 32%, 1);
    --primary-l-4: hsla(0, 3%, 40%, 1);
    --primary-l-5: hsla(0, 4%, 47%, 1);
    --primary-l-6: hsla(0, 4%, 55%, 1);
    --primary-l-7: hsla(0, 4%, 62%, 1);
    --primary-l-8: hsla(0, 4%, 69%, 1);
    --primary-l-9: hsla(0, 3%, 77%, 1);
    --primary-l-10: hsla(0, 4%, 84%, 1);
    --primary-l-11: hsla(0, 2%, 92%, 1);
    --primary-l-12: hsla(0, 20%, 99%, 1);
    --accent: hsla(267, 100%, 30%, 1);
    --accent-d-1: hsla(267, 100%, 28%, 1);
    --accent-d-2: hsla(267, 100%, 25%, 1);
    --accent-d-3: hsla(267, 100%, 23%, 1);
    --accent-d-4: hsla(267, 100%, 20%, 1);
    --accent-d-5: hsla(267, 100%, 18%, 1);
    --accent-d-6: hsla(267, 100%, 15%, 1);
    --accent-d-7: hsla(267, 100%, 13%, 1);
    --accent-d-8: hsla(267, 100%, 11%, 1);
    --accent-d-9: hsla(267, 100%, 8%, 1);
    --accent-d-10: hsla(266, 100%, 6%, 1);
    --accent-d-11: hsla(268, 100%, 3%, 1);
    --accent-d-12: hsla(264, 100%, 1%, 1);
    --accent-l-1: hsla(267, 100%, 36%, 1);
    --accent-l-2: hsla(267, 100%, 42%, 1);
    --accent-l-3: hsla(267, 100%, 47%, 1);
    --accent-l-4: hsla(267, 100%, 53%, 1);
    --accent-l-5: hsla(267, 100%, 59%, 1);
    --accent-l-6: hsla(267, 100%, 65%, 1);
    --accent-l-7: hsla(267, 100%, 70%, 1);
    --accent-l-8: hsla(267, 100%, 76%, 1);
    --accent-l-9: hsla(267, 100%, 82%, 1);
    --accent-l-10: hsla(267, 100%, 87%, 1);
    --accent-l-11: hsla(266, 100%, 93%, 1);
    --accent-l-12: hsla(264, 100%, 99%, 1);
    --text-2xs: clamp(0.51rem, calc(0.49rem + 0.0948vw), 0.58rem);
    --text-xs: clamp(0.64rem, calc(0.62rem + 0.1185vw), 0.72rem);
    --text-s: clamp(0.80rem, calc(0.77rem + 0.1481vw), 0.90rem);
    --text-m: clamp(1.00rem, calc(0.96rem + 0.1852vw), 1.13rem);
    --text-l: clamp(1.25rem, calc(1.20rem + 0.2315vw), 1.41rem);
    --text-xl: clamp(1.56rem, calc(1.50rem + 0.2894vw), 1.76rem);
    --text-2xl: clamp(1.95rem, calc(1.88rem + 0.3617vw), 2.20rem);
    --text-3xl: clamp(2.44rem, calc(2.35rem + 0.4521vw), 2.75rem);
    --space-2xs: clamp(0.38rem, calc(0.34rem + 0.1852vw), 0.50rem);
    --space-xs: clamp(0.50rem, calc(0.43rem + 0.3704vw), 0.75rem);
    --space-s: clamp(0.75rem, calc(0.60rem + 0.7407vw), 1.25rem);
    --space-m: clamp(1.00rem, calc(0.78rem + 1.1111vw), 1.75rem);
    --space-l: clamp(1.50rem, calc(1.06rem + 2.2222vw), 3.00rem);
    --space-xl: clamp(2.00rem, calc(1.26rem + 3.7037vw), 4.50rem);
    --space-2xl: clamp(3.00rem, calc(2.11rem + 4.4444vw), 6.00rem);
    --space-3xl: clamp(3.75rem, calc(2.64rem + 5.5556vw), 7.50rem);
    --radius-s: clamp(0.13rem, calc(0.09rem + 0.1852vw), 0.25rem);
    --radius-m: clamp(0.38rem, calc(0.34rem + 0.1852vw), 0.50rem);
    --radius-l: clamp(0.75rem, calc(0.68rem + 0.3704vw), 1.00rem);
    --radius-xl: clamp(1.25rem, calc(1.18rem + 0.3704vw), 1.50rem);
    --radius-round: 9999px;
    --border-s: clamp(0.06rem, calc(0.05rem + 0.0463vw), 0.09rem);
    --border-m: clamp(0.13rem, calc(0.11rem + 0.0926vw), 0.19rem);
    --border-l: clamp(0.25rem, calc(0.21rem + 0.1852vw), 0.38rem);
    --grid-1: repeat(1, minmax(0, 1fr));
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-4: repeat(4, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-6: repeat(6, minmax(0, 1fr));
    --grid-7: repeat(7, minmax(0, 1fr));
    --grid-8: repeat(8, minmax(0, 1fr));
    --grid-9: repeat(9, minmax(0, 1fr));
    --grid-10: repeat(10, minmax(0, 1fr));
    --grid-11: repeat(11, minmax(0, 1fr));
    --grid-12: repeat(12, minmax(0, 1fr));
    --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
    --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
    --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
    --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
    --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
    --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
    --grid-1-4: minmax(0, 1fr) minmax(0, 4fr);
    --grid-4-1: minmax(0, 4fr) minmax(0, 1fr);
    --grid-3-4: minmax(0, 3fr) minmax(0, 4fr);
    --grid-4-3: minmax(0, 4fr) minmax(0, 3fr);
    --site-width: 1400px;
    --root-font: 100%;
  }