:root {
    --primary-color: #688E4E;
    --secondary-color: #3C5148;
    --highlight-color: rgb(28, 53, 44);
}

.containers {
    margin: 2rem 3rem;
    /* Responsive margins */
}

.hero {
    gap: 0;
    /* Maintain existing properties */
}

.hero::after {
    background-image: url('../images/privacy-policy/privacy-policy.jpg');
    filter: blur(2px);
    /* Optional blur for readability */
}

nav {
    background: rgba(104, 113, 94, 0.3);
}

ul {
    margin-left: 1.25rem;
    /* Responsive margin */
    list-style: square;
}

h1,
h2 {
    color: var(--primary-color);
    margin: 15px 0;
}

h3 {
    margin: 10px 0;
    color: var(--secondary-color);
}

div p {
    margin: 10px 0;
}

ul li {
    margin: 10px 0;
}

li::marker {
    color: var(--primary-color);
}

.highlight {
    color: var(--highlight-color);
    font-size: 1.25rem;
    /* Use rem for consistency */
    font-weight: 600;
}

a {
    color: var(--primary-color);
}

a:hover {
    color: #4F6B4A;
    /* Darker shade for hover */
}