@import url('https://fonts.googleapis.com/css2?family=Alef:wght@400;700&family=Heebo:wght@300;400;500;600;700&display=swap');

 

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

 

:root {

    --black: #050505;

    --soft-black: #090909;

 

    --gold: #C9A45A;

    --gold-light: #E1C47A;

    --gold-dark: #A78945;

 

    --text-luxury: #C7B176;

    --text-soft: #EADBB0;

    --white: #F2EEE7;

 

    --border: rgba(201, 164, 90, 0.28);

 

    /* כותרות, ניווט וכפתורים */

    --font-main: "Alef", Arial, sans-serif;

 

    /* טקסטים ופסקאות */

    --font-body: "Heebo", Arial, sans-serif;

 

    /* נשמר לצורך תאימות לקוד קיים */

    --font-luxury: "Alef", Arial, sans-serif;

}

 

html {

    scroll-behavior: smooth;

}

 

body {

    background: var(--black);

    color: var(--text-soft);

    direction: rtl;

    font-family: var(--font-body);

    line-height: 1.6;

    overflow-x: hidden;

}

 

a {

    text-decoration: none;

    color: inherit;

}

 

button {

    font-family: var(--font-main);

}

 

input,

textarea,

select {

    font-family: var(--font-body);

}

 

img {

    display: block;

    max-width: 100%;

}

 

/* ==========================================

   CUSTOM SCROLLBAR

========================================== */

 

/* Firefox */

html {

    scrollbar-width: thin;

    scrollbar-color: #C9A45A #070707;

}

 

/* Chrome, Edge, Safari */

::-webkit-scrollbar {

    width: 12px;

}

 

::-webkit-scrollbar-track {

    background: #070707;

}

 

::-webkit-scrollbar-thumb {

    background:

        linear-gradient(

            180deg,

            #E1C47A 0%,

            #C9A45A 50%,

            #9E7C3A 100%

        );

 

    border: 2px solid #070707;

    border-radius: 20px;

 

    box-shadow:

        0 0 8px rgba(201, 164, 90, 0.24);

}

 

::-webkit-scrollbar-thumb:hover {

    background:

        linear-gradient(

            180deg,

            #F0D995 0%,

            #D5AF61 50%,

            #B58A3D 100%

        );

 

    box-shadow:

        0 0 12px rgba(225, 196, 122, 0.42);

}

 

html[lang="he"] body,

html[lang="he"] input,

html[lang="he"] textarea,

html[lang="he"] select {

    font-family: var(--font-body);

}

 

html[lang="he"] button {

    font-family: var(--font-main);

}