:root {
  --paper: #fff8f5;
  --ink: #263a2c;
  --muted: #778579;
  --green: rgb(70, 92, 71);
  --sage: #d8e0d4;
  --mint: #f6e8e5;
  --peach: rgb(250, 203, 198);
  --line: #ead8d3;
  --garden-moss: rgb(70, 92, 71);
  --bare-peach: rgb(250, 203, 198);
}

body {
  background-color: #fff8f5;
  background-image: radial-gradient(ellipse at 8% 14%, #facbc638 0, transparent 28%), radial-gradient(ellipse at 96% 42%, #d8e0d450 0, transparent 25%);
  color: #263a2c;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .12;
  background: repeating-linear-gradient(90deg, transparent 0 56px, #465c4718 57px 58px, transparent 59px 116px);
}
.topline { background: rgb(70,92,71); color: rgb(250,203,198); }
.nav { border-color: #dfd2c9; }
.brand strong { color: rgb(70,92,71); }
.brand-image { border-color: rgb(70,92,71); box-shadow: 0 0 0 3px #facbc652; }
.navlinks a:hover, .textlink:hover { color: #a86258; }
.pill { border-color: rgb(70,92,71); color: rgb(70,92,71); }
.pill:hover, .primary, .filter.active, .filter:hover, .category:hover, .category.active, .view-more:hover { background: rgb(70,92,71); border-color: rgb(70,92,71); }
.primary { color: rgb(250,203,198); box-shadow: 0 8px 20px #465c472d; }
.primary:hover { background: #344b37; }
.hero { isolation: isolate; }
.hero-art {
  border: 1px solid #465c4730;
  border-radius: 48% 48% 8px 8px / 39% 39% 8px 8px;
  background: radial-gradient(ellipse at 50% 36%, #fff8f0 0 32%, #facbc64f 33% 45%, transparent 46%), linear-gradient(180deg, #d8e0d44a, transparent 75%);
  box-shadow: inset 0 0 0 11px #fff8f555, inset 0 0 0 12px #465c4720;
}
.sun { background: rgb(250,203,198); opacity: .74; }
.ornament, .step { color: rgb(70,92,71); }
.hero h1 em, .section-kicker { color: #a86258; }
.category-section, .process { background: linear-gradient(135deg, #465c47 0%, #526c55 70%, #465c47 100%); color: #fff8f5; }
.category-section .section h2, .process h3 { color: #fff8f5; }
.category-section .section-desc, .process-item p { color: #f7dcd7; }
.category { background: #fff8f5; border-color: #facbc6; color: rgb(70,92,71); }
.category:hover, .category.active { background: rgb(250,203,198); color: rgb(70,92,71); border-color: rgb(250,203,198); }
.artist, .work, .profile-box, .expense-card, .admin-gate, .admin-stat, .record-table-wrap { background-color: #fffaf7; border-color: #ead8d3; }
.artist:hover, .work:hover { box-shadow: 0 14px 30px #465c471c; }
.avatar, .profile-portrait { background: linear-gradient(145deg, #facbc6, #d8e0d4); }
.avatar:before, .profile-portrait:before { border-color: rgb(70,92,71); }
.work .artwork, .hero-card .artwork { border-color: #fff8f5; }
.artwork { background: linear-gradient(155deg, #f8deda, #d8e0d4); }
.artwork .orb { background: #facbc6; }
.artwork .mount { background: rgb(70,92,71); }
.artwork .mount.back { background: #a9b9a5; }
.artwork.rose, .artwork.blue, .artwork.lilac { background: linear-gradient(155deg, #f8deda, #d8e0d4); }
.artwork.rose .mount, .artwork.blue .mount, .artwork.lilac .mount { background: rgb(70,92,71); }
.artwork.rose .mount.back, .artwork.blue .mount.back, .artwork.lilac .mount.back { background: #a9b9a5; }
.artwork.rose .orb, .artwork.blue .orb, .artwork.lilac .orb { background: #facbc6; }
.work-info, .profile-work { background: #fffaf7; }
.filter.active, .filter:hover { color: #facbc6; }
.price-badge { color: rgb(70,92,71); border-color: rgb(250,203,198); background: #fff8f5f2; }
.status-badge { color: rgb(70,92,71); }
.section-kicker { letter-spacing: .22em; }
.section-head h2, .designer-intro h1, .profile-copy h2, .expense-card h2, .admin-hero h1 { color: rgb(70,92,71); }
.designer-intro, .admin-hero { background: linear-gradient(120deg, #facbc65c, #d8e0d47a); }
.designer-option { background: #fffaf7; border-color: #e5d1cb; color: rgb(70,92,71); }
.designer-option:hover, .designer-option.active { background: rgb(70,92,71); color: #facbc6; }
.designer-option .mini-avatar { background: #facbc6; color: rgb(70,92,71); }
.profile-panel { background: #fffaf7; border-color: #ead8d3; }
.footer { background: rgb(70,92,71); }
.footer .brand { color: #fff8f5; }
.footer .brand-image { border-color: rgb(250,203,198); }
.record-table th { background: #e7e9df; color: rgb(70,92,71); }
.record-table td, .record-table th { border-color: #efe2dd; }
.expense-form input, .expense-form select, .expense-form textarea, .record-tools input { border-color: #e6d4cf; }
.expense-form input:focus, .expense-form select:focus, .expense-form textarea:focus { outline-color: rgb(70,92,71); }
.auth-card { border-color: rgb(250,203,198); box-shadow: 0 25px 80px #465c4738; }
.auth-tabs { background: #f3e2de; }
.auth-tab.active { background: rgb(70,92,71); color: rgb(250,203,198); }
.toast { background: rgb(70,92,71); color: #fff8f5; }
@media (max-width: 700px) {
  body::before { background-size: 72px 100%; opacity: .08; }
}
/* Readability pass: stronger contrast and larger type across the storefront. */
:root { --ink: #24392e; --muted: #4d6255; --green: #405a46; }
body { color: #24392e; font-size: 16px; }
.topline { color: #fff !important; font-size: 14px !important; font-weight: 600; }
.brand small { color: #425a4a !important; font-size: 11px !important; letter-spacing: .12em; }
.navlinks { gap: 18px !important; }
.navlinks a { color: #2d4437 !important; font-size: 14px !important; font-weight: 600; }
.navlinks a:hover { color: #944f46 !important; }
.navright .search input { font-size: 14px !important; }
.pill { color: #304a38 !important; font-size: 13px !important; font-weight: 600; }
.pill:hover { background: #405a46 !important; color: #fff !important; }
.primary { color: #fff !important; font-size: 14px !important; font-weight: 700; }
.textlink { color: #3f5948 !important; font-size: 14px !important; font-weight: 600; }
.eyebrow { color: #526a59 !important; font-size: 12px !important; }
.hero p { color: #425b4b !important; font-size: 15px !important; }
.section-kicker { color: #874d43 !important; font-size: 11px !important; font-weight: 700; }
.section h2 { font-size: 30px !important; }
.section-desc { color: #4b6053 !important; font-size: 13px !important; }
.category-section .section-head h2 { color: #fff !important; }
.category-section .section-kicker { color: #ffe3bb !important; }
.category-section .section-desc { color: #fff !important; }
.category .ico { font-size: 26px !important; }
.category b { font-size: 14px !important; font-weight: 600; }
.process .step { color: #ffe3bb !important; }
.process h3 { color: #fff !important; font-size: 16px !important; }
.process-item p { color: #fff !important; font-size: 13px !important; }
.artist h3 { font-size: 17px !important; }
.artist p { color: #4f6356 !important; font-size: 12px !important; }
.tag { color: #43594a !important; font-size: 11px !important; }
.work-title { color: #2f4538; font-size: 15px !important; }
.work-meta { color: #52665a !important; font-size: 12px !important; }
.price-badge { color: #304a38 !important; font-size: 12px !important; font-weight: 700; }
.status-badge { color: #304a38 !important; font-size: 11px !important; font-weight: 700; }
.footer { color: #fff !important; }
.footer p, .footer .brand, .footer .brand small, .footer .copyright { color: #fff !important; }
.footer p { font-size: 14px !important; }
.footer .copyright { font-size: 11px !important; }
.auth-card h2 { color: #304a38; }
.auth-form label { color: #405a48 !important; font-size: 13px !important; }
.auth-form input { font-size: 14px !important; }
.auth-tab.active { color: #fff !important; }
.designer-option.active { color: #fff !important; }
.filter.active, .filter:hover { color: #fff !important; }
.section p, .admin-hint, .history-note, .expense-note { color: #4d6255; }
@media (max-width: 850px) {
  .navlinks { gap: 12px !important; }
  .navlinks a { font-size: 13px !important; }
}
@media (max-width: 600px) {
  .navlinks { gap: 10px !important; }
  .navlinks a { font-size: 12px !important; }
  .topline { font-size: 12px !important; }
  .section h2 { font-size: 26px !important; }
}.activity-hero h1 { color: #304a38 !important; font-size: 36px !important; }
.activity-hero p, .benefit-footnotes, .benefit-card p, .activity-copy p, .upload-hint { color: #465d4d !important; font-size: 14px !important; }
.benefit-card small { color: #805348 !important; font-size: 12px !important; }
.benefit-card h3 { color: #304a38; font-size: 19px !important; }
.activity-copy h3 { color: #304a38; font-size: 17px !important; }
.upload-form label { color: #405a48 !important; font-size: 13px !important; }
.upload-form input, .upload-form select { color: #304a38 !important; font-size: 14px !important; }
.status-chip { color: #304a38 !important; font-size: 12px !important; font-weight: 600; }
.activity-action, .remove-item { color: #304a38; font-size: 13px !important; font-weight: 600; }
.auth-submit { color: #fff !important; background: #405a46 !important; }