Slube – Allure Adornments

Slube – Allure Adornments

/* General Backgrounds */ body { background-color: #1A1F71; /* Deep Blue */ color: #F8F5E9; /* Ivory/Cream for readability */ } /* Header */ header { background-color: #2E2E2E; /* Charcoal Gray */ color: #D4AF37; /* Gold accents for text */ } /* Navigation Links */ nav a { color: #F8F5E9; /* Ivory */ text-decoration: none; } nav a:hover { color: #F4D8D8; /* Soft Blush Pink for hover */ } /* Buttons */ button, .btn { background-color: #800020; /* Deep Burgundy */ color: #F8F5E9; /* Ivory/Cream */ border: 2px solid #D4AF37; /* Gold border */ padding: 10px 20px; border-radius: 5px; font-weight: bold; transition: background-color 0.3s ease, color 0.3s ease; } button:hover, .btn:hover { background-color: #D4AF37; /* Gold hover */ color: #2E2E2E; /* Charcoal Gray text */ } /* Call-to-Actions */ .cta { background-color: #F4D8D8; /* Soft Blush Pink */ color: #2E2E2E; /* Charcoal Gray */ padding: 15px 30px; text-align: center; border-radius: 10px; font-size: 1.2em; font-weight: bold; transition: all 0.3s ease; } .cta:hover { background-color: #800020; /* Deep Burgundy hover */ color: #F8F5E9; /* Ivory/Cream text */ } /* Footer */ footer { background-color: #2E2E2E; /* Charcoal Gray */ color: #F8F5E9; /* Ivory */ padding: 20px; text-align: center; } footer a { color: #D4AF37; /* Gold links */ text-decoration: none; } footer a:hover { color: #800020; /* Deep Burgundy hover */ }