93 lines
1.6 KiB
CSS
93 lines
1.6 KiB
CSS
/*
|
|
Palette:
|
|
Primary (Dark Brown): #4A2C2A
|
|
Secondary (Cream): #F5F5DC
|
|
Accent (Vibrant Orange): #FF7043
|
|
Background (Light Beige): #FDFBF7
|
|
Text: #333333
|
|
*/
|
|
|
|
body {
|
|
font-family: 'Lato', sans-serif;
|
|
background-color: #FDFBF7;
|
|
color: #333333;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, .navbar-brand, .display-4 {
|
|
font-family: 'Playfair Display', serif;
|
|
}
|
|
|
|
.navbar {
|
|
background-color: #fff !important;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.navbar-brand {
|
|
color: #4A2C2A !important;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.hero-section {
|
|
background: linear-gradient(135deg, #fdfbf7 0%, #f5f5dc 100%);
|
|
padding: 4rem 0;
|
|
color: #4A2C2A;
|
|
}
|
|
|
|
.hero-section .display-4 {
|
|
color: #4A2C2A;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #FF7043;
|
|
border-color: #FF7043;
|
|
padding: 0.75rem 1.5rem;
|
|
font-weight: bold;
|
|
transition: background-color 0.3s ease, transform 0.2s ease;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #e65a31;
|
|
border-color: #e65a31;
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.text-primary {
|
|
color: #FF7043 !important;
|
|
}
|
|
|
|
.card {
|
|
border: none;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
.glass-card {
|
|
background: rgba(255, 255, 255, 0.6);
|
|
backdrop-filter: blur(10px);
|
|
-webkit-backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(255, 255, 255, 0.25);
|
|
}
|
|
|
|
.summary-card {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.form-label {
|
|
font-weight: bold;
|
|
color: #4A2C2A;
|
|
}
|
|
|
|
.form-select-lg {
|
|
padding: 0.75rem 1.25rem;
|
|
font-size: 1.1rem;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.list-group-item {
|
|
background-color: transparent;
|
|
border-color: #eee !important;
|
|
}
|
|
|
|
footer {
|
|
background-color: #F5F5DC;
|
|
}
|