style: increase card contrast vs background
- --surface: #142542 (was #0d1627, too close to bg #0A1628) - --surface-alt: #0e2414 (stronger green tint for sealed fields) - --border: rgba(255,255,255,0.09) (slightly more visible) - .card-hover base border bumped to 0.12 alpha
This commit is contained in:
parent
9d2c39f1a8
commit
c8d801c5a0
BIN
vault1984-web
BIN
vault1984-web
Binary file not shown.
|
|
@ -13,11 +13,11 @@
|
|||
--gap: 1.25rem;
|
||||
|
||||
--bg: #0A1628;
|
||||
--surface: #0d1627;
|
||||
--surface-alt: #0a1a0a;
|
||||
--surface: #142542;
|
||||
--surface-alt: #0e2414;
|
||||
--surface-gold: #2a1f00;
|
||||
|
||||
--border: rgba(255,255,255,0.06);
|
||||
--border: rgba(255,255,255,0.09);
|
||||
--border-gold: rgba(212,175,55,0.3);
|
||||
|
||||
--text: #f1f5f9;
|
||||
|
|
@ -65,7 +65,7 @@ p.lead { font-size: 1.125rem; }
|
|||
.card.alt { background: var(--surface-alt); }
|
||||
.card.gold { background: var(--surface-gold); border-color: var(--border-gold); }
|
||||
.card.red { background: #1a0505; border-color: rgba(239,68,68,0.3); }
|
||||
.card-hover { transition: transform 0.2s, box-shadow 0.2s; }
|
||||
.card-hover { transition: transform 0.2s, box-shadow 0.2s; border-color: rgba(255,255,255,0.12); }
|
||||
.card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
|
||||
|
||||
/* === GRID === */
|
||||
|
|
|
|||
Loading…
Reference in New Issue