:root{

    --background: #f6f1eb;

    --white: #ffffff;

    --black: #020011;

    --orange: #ED7F1A;

    --text: #1d1d1f;

    --text-light: #6b7280;

    --border: rgba(0,0,0,.08);

    --shadow-sm:
        0 2px 10px rgba(0,0,0,.04);

    --shadow-md:
        0 10px 30px rgba(0,0,0,.08);

    --radius-sm: 12px;

    --radius-md: 18px;

    --radius-lg: 28px;

    --container: 1400px;

    --transition:
        all .25s ease;

    --button-gradient:
        linear-gradient(
            135deg,
            #ff932f,
            #ED7F1A
        );

    --button-shadow:
        0 20px 40px rgba(237,127,26,.25);

    --button-shadow-hover:
        0 30px 50px rgba(237,127,26,.32);

}

/*
|--------------------------------------------------------------------------
| RESET
|--------------------------------------------------------------------------
*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Inter', sans-serif;

    background:var(--background);

    color:var(--text);

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;

}

/* WordPress aplica body#error-page cu max-width:700px cand exista un fatal error.
   Daca fatalul apare dupa ce tema a randat pagina, layout-ul ramane strans ca intr-o foaie.
   Pastram pagina utilizabila vizual si lasam mesajul de eroare vizibil pentru diagnostic. */
body#error-page.wp-theme-novaro-theme2,
body#error-page.theme-novaro-theme{

    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    background:var(--background) !important;

    color:var(--text) !important;

    font-family:'Inter', sans-serif !important;

}

body#error-page .wp-die-message{

    width:min(100% - 48px, 1180px);

    margin:32px auto;

    padding:18px 22px;

    border:1px solid #fecaca;

    border-radius:16px;

    background:#fff5f5;

    color:#8f1d1d;

    font-size:15px;

    line-height:1.5;

}

body#error-page .wp-die-message p{

    margin:0 0 8px;

}

body#error-page .wp-die-message p:last-child{

    margin-bottom:0;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

}

button{

    border:none;

    background:none;

    cursor:pointer;

    font-family:inherit;

}

input,
textarea,
select{

    font-family:inherit;

}

/*
|--------------------------------------------------------------------------
| TYPOGRAPHY
|--------------------------------------------------------------------------
*/

h1{

    font-size:72px;

    line-height:1;

    letter-spacing:-3px;

    font-weight:900;

}

h2{

    font-size:52px;

    line-height:1.05;

    letter-spacing:-2px;

    font-weight:800;

}

h3{

    font-size:24px;

    font-weight:700;

}

p{

    font-size:16px;

    line-height:1.7;

    color:var(--text-light);

}