:root {

/* Forest + woods color palette */

--eden-primary-rgb: 34, 139, 34; /* forest green (main) */

--eden-secondary-rgb: 85, 107, 47; /* darker moss green */

--eden-accent-rgb: 139, 69, 19; /* brown / wood accent */

--eden-primary-bg-dark: #2c2a1a; /* dark wood / earthy brown */

--eden-light-wood: #5c4b32; /* lighter wood tone for highlights */

}

/* Main background and gradients */

.top-gradient {

background: linear-gradient(

0deg,

var(--eden-primary-bg-dark),

var(--eden-primary-bg-dark),

var(--eden-primary-bg-dark),

#000000aa

) !important;

}

.main-bg {

background: var(--eden-primary-bg-dark) !important;

}

/* Link cards, borders, hover effects */

.eden-link .bg-link-card,

.eden-link .bg-cover {

border: 1px solid rgba(var(--eden-primary-rgb), 0.33);

background: transparent;

}

.eden-link .bg-link-card {

border-top: none;

}

.eden-link .link-hover-bg {

background: linear-gradient(

90deg,

rgba(var(--eden-secondary-rgb), 0.15),

rgba(var(--eden-primary-rgb), 0)

);

}

.link-type-tour .tour-button {

--tw-ring-color: rgba(var(--eden-accent-rgb), 0.33) !important;

background: rgba(var(--eden-accent-rgb), 0.33) !important;

}

.eden-link .mix-item {

border-bottom: 1px solid rgba(var(--eden-primary-rgb), 0.33);

}

.eden-link .link-card {

border: 1px solid rgba(var(--eden-primary-rgb), 0.33);

background: transparent;

}

/* Avatar styles */

.avatar-container > div {

border: 1px solid rgba(var(--eden-primary-rgb), 0.33);

border-radius: 100%;

}

.avatar-container {

border: 1px solid rgba(var(--eden-primary-rgb), 0.5);

}

.eden-link .text-gray-300 {

color: rgb(var(--eden-primary-rgb));

}

/* Canvas blur effect */

#desktop-canvas {

filter: blur(10px);

}

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

/* Bigfoot footprint trail effect */

/* Using pseudo-elements or background */

body::before {

content: '';

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-image: url('footprint.png'); /* a small Bigfoot footprint PNG with transparency */

background-repeat: repeat;

background-size: 80px 80px;

opacity: 0.08; /* subtle effect */

pointer-events: none; /* won't block clicks */

z-index: 0;

}

/* Optional: footprints following sections */

.section-with-footprints::before {

content: '';

position: absolute;

width: 100%;

height: 100%;

background-image: url('footprint.png');

background-repeat: repeat-x;

background-size: 60px 60px;

opacity: 0.12;

top: 50%;

transform: translateY(-50%);

pointer-events: none;

}