63 lines
1.5 KiB
CSS
63 lines
1.5 KiB
CSS
/* ===============================
|
|
Theme: Dawn (bolder sunrise look)
|
|
=============================== */
|
|
|
|
:root {
|
|
--bg: #fef9f6; /* very light warm base */
|
|
--card: #ffffff;
|
|
--ink: #2c2c2c; /* dark gray text */
|
|
--ink-muted: #6b7280; /* muted gray */
|
|
|
|
--border: #e0d9d5;
|
|
|
|
--brand: #e67e5c; /* warm orange */
|
|
--brand-800: #c45d3d; /* darker orange/red */
|
|
|
|
--danger: #c53030;
|
|
|
|
--btn-bg: #ffffff;
|
|
--btn-border: #e5dedb;
|
|
--btn-hover: #f9ece6;
|
|
}
|
|
|
|
/* ----- Background gradient ----- */
|
|
html[data-theme="dawn"] body {
|
|
min-height: 100vh;
|
|
background: linear-gradient(
|
|
135deg,
|
|
#ffd9a0 0%, /* sunrise peach */
|
|
#ffb6b9 40%, /* rosy pink */
|
|
#a3d5ff 100% /* clear sky blue */
|
|
);
|
|
background-attachment: fixed;
|
|
color: var(--ink);
|
|
}
|
|
|
|
/* Keep cards floating nicely */
|
|
html[data-theme="dawn"] .card,
|
|
html[data-theme="dawn"] .result-card,
|
|
html[data-theme="dawn"] .search-form,
|
|
html[data-theme="dawn"] .form-card {
|
|
background: var(--card);
|
|
border: 1px solid var(--border);
|
|
box-shadow: 0 8px 24px rgba(0,0,0,.06);
|
|
}
|
|
|
|
/* Translucent topbar over gradient */
|
|
html[data-theme="dawn"] .topbar-wrap {
|
|
background: rgba(255, 255, 255, 0.85);
|
|
backdrop-filter: blur(6px);
|
|
-webkit-backdrop-filter: blur(6px);
|
|
border-bottom: 1px solid rgba(229,231,235,.8);
|
|
}
|
|
|
|
/* Buttons */
|
|
html[data-theme="dawn"] .btn-primary {
|
|
background: var(--brand);
|
|
border-color: var(--brand);
|
|
color: #fff;
|
|
}
|
|
html[data-theme="dawn"] .btn-primary:hover {
|
|
background: var(--brand-800);
|
|
border-color: var(--brand-800);
|
|
} |