diff --git a/assets/css/style.css b/assets/css/style.css index 9e072f7..d80ca1c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,29 +1,27 @@ :root { --bg: #c9d1c8; --surface: #ffffff; + --surface-soft: #f1f4f1; --text: #04202c; --text-muted: #304040; --accent: #5b7065; --accent-2: #304040; - --border: #c9d1c8; + --border: #dbe1d8; --shadow: 0 10px 30px rgba(4, 32, 44, 0.1); --radius: 16px; --hero-from: #304040; --hero-to: #04202c; + --footer-color: #304040; } +/* Карточки всегда остаются светлыми — тема влияет только на фон страницы и хедер */ @media (prefers-color-scheme: dark) { :root { --bg: #04202c; - --surface: #0f2932; - --text: #c9d1c8; - --text-muted: #7f9c8a; - --accent: #9db8ab; - --accent-2: #5b7065; - --border: #22434b; --shadow: 0 10px 30px rgba(0, 0, 0, 0.45); --hero-from: #5b7065; --hero-to: #304040; + --footer-color: #9fb3a8; } } @@ -246,7 +244,7 @@ body { display: flex; flex-direction: column; height: 100%; - background: var(--bg); + background: var(--surface-soft); border: 1px solid var(--border); border-radius: 12px; padding: 18px 20px; @@ -284,7 +282,7 @@ body { /* Footer */ .footer { text-align: center; - color: var(--text-muted); + color: var(--footer-color); font-size: 0.82rem; padding: 30px 20px 0; }