body {
    margin: 0;
    font-family: 'Georgia', serif;
    /* Ocean Blue Gradient Background */
    background: linear-gradient(135deg, #0a74b8 0%, #0e9ad6 50%, #63c7f3 100%);
    /* Text color suited for ocean palette */
    color: #e8f6ff; /* Soft ice-blue text for readability */
}

/* Optional Enhancements */
h1, h2, h3 {
    color: #ffffff; /* Pure white for headings */
}

a {
    color: #c3e9ff;
    text-decoration: none;
}

    a:hover {
        color: #ffffff;
        text-decoration: underline;
    }

button {
    background: #056ea6;
    color: #ffffff;
    padding: 10px 18px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

    button:hover {
        background: #0894cf;
    }
header { display:flex; justify-content:space-between; padding:20px; align-items:center; }
.logo { height:70px; }
nav a { margin:0 15px; text-decoration:none; color:#7a6248; font-weight:bold; }
.hero { text-align:center; padding:120px 20px; }
.btn { padding:12px 25px; background:#b89a6a; color:white; text-decoration:none; border-radius:5px;}
.products .grid { display:flex; gap:20px; padding:20px;}
.product { background:white; padding:15px; border-radius:10px; }
.contact { text-align:center; padding:80px 20px;}
footer { text-align:center; padding:20px; margin-top:40px;}

header { display:flex; justify-content:space-between; padding:20px; align-items:center; }
.logo { height:70px; }
nav a { margin:0 15px; text-decoration:none; color:#7a6248; font-weight:bold; }
.hero { text-align:center; padding:120px 20px; }
.btn { padding:12px 25px; background:#b89a6a; color:white; text-decoration:none; border-radius:5px;}
.products .grid { display:flex; gap:20px; padding:20px;}
.product { background:white; padding:15px; border-radius:10px; }
.contact { text-align:center; padding:80px 20px;}
footer { text-align:center; padding:20px; margin-top:40px;}