/*
====================================
ODESA THEME OPS2
WABI EARTH
====================================
*/

/* ====================================
GLOBAL LAYOUT STABILIZER
==================================== */

html{

overflow-y:scroll;

overflow-x:hidden;

scrollbar-gutter:stable both-edges;

}

body{

overflow-x:hidden;

background:

var(--odesa-bg);

color:

var(--odesa-text);

}

/* ====================================
THEME TOKEN
==================================== */

:root{

/* BASE */

--odesa-bg:#F6F1EA;

--odesa-surface:#FFFDFB;

/* TERRACOTTA */

--odesa-primary:#B8622E;

--odesa-primary-hover:#9F4F22;

/* EARTH */

--odesa-secondary:#8C6A4A;

/* SAND */

--odesa-accent:#E7D6C4;

--odesa-accent-soft:#F3E8DD;

/* TEXT */

--odesa-text:#2F2923;

--odesa-text-soft:#786C63;

/* BORDER */

--odesa-border:#D8C9B8;

/* SHADOW */

--odesa-shadow:

0 14px 35px rgba(
120,
80,
45,
0.12
);

/* EXTRA */

--odesa-bg-alt:#F9F4EE;

--odesa-accent-gradient:

linear-gradient(
180deg,
#F6F1EA,
#EFE2D5,
#F3E8DD
);

}

/* ====================================
WABI TEXTURE
==================================== */

body::before{

content:"";

position:fixed;

inset:0;

pointer-events:none;

opacity:.025;

background-image:

radial-gradient(
circle,
#8C6A4A 1px,
transparent 1px
);

background-size:

22px 22px;

z-index:-1;

}