:root { /* ФОНЫ */ --bg-main: #f7f3ef; --bg-warm: #f4ece6; --bg-cold: #eef1ee; --card-bg: #fffdfb; /* ОСНОВНЫЕ АКЦЕНТЫ */ --brand-rose: #d8a9a1; --brand-rose-dark: #bd8a82; --brand-blue: #a9c0d3; --brand-blue-dark: #88a7bf; --brand-beige: #d7c4b1; --brand-mint: #c8d5c7; /* ТЕКСТ */ --text-main: #5b4a43; --text-secondary: #8d7d76; --text-light: #b7aaa4; /* ГРАНИЦЫ И ЛИНИИ */ --border-soft: #e6ddd7; --border-accent: #d8c6bd; --line-light: rgba(91, 74, 67, 0.10); /* ТЕНИ */ --shadow-sm: 0 4px 12px rgba(91, 74, 67, 0.08); --shadow-md: 0 10px 24px rgba(91, 74, 67, 0.10); --shadow-lg: 0 18px 40px rgba(91, 74, 67, 0.14); --shadow-soft-rose: 0 12px 30px rgba(216, 169, 161, 0.18); --shadow-soft-blue: 0 12px 30px rgba(169, 192, 211, 0.18); /* ГРАДИЕНТЫ */ --gradient-warm: linear-gradient(135deg, #f8f1eb 0%, #ead7ca 100%); --gradient-rose: linear-gradient(135deg, #eac0b8 0%, #c98f87 100%); --gradient-blue: linear-gradient(135deg, #c1d3e2 0%, #94b0c5 100%); --gradient-soft: linear-gradient(135deg, #fffdfb 0%, #f3ebe5 100%); --gradient-hero: linear-gradient(135deg, #f7f3ef 0%, #eee8e2 45%, #f1f4f1 100%); /* ПРОЗРАЧНЫЕ ПОДЛОЖКИ */ --overlay-warm: rgba(216, 169, 161, 0.14); --overlay-cold: rgba(169, 192, 211, 0.14); --overlay-neutral: rgba(91, 74, 67, 0.06); /* ШРИФТЫ */ --font-head: 'Cormorant Garamond', serif; --font-text: 'Manrope', sans-serif; /* РАБОЧАЯ ПЛОЩАДЬ */ --container-width: 1400px; --container-padding: 20px; } .container { max-width: var(--container-width); width: 100%; margin: 0 auto; padding: 0 var(--container-padding); } body { font-family: var(--font-text); background: var(--gradient-hero); color: var(--text-main); } h1, h2, h3, .section-title, .brand-title { font-family: var(--font-head); font-weight: 600; color: var(--text-main); } p, li, a, button, input, textarea { font-family: var(--font-text); } .card, .block, .panel { background: var(--card-bg); border: 1px solid var(--border-soft); box-shadow: var(--shadow-md); border-radius: 20px; } .btn-primary { background: var(--gradient-rose); color: #fff; box-shadow: var(--shadow-soft-rose); border: none; } .btn-primary:hover { background: linear-gradient(135deg, #e3b4ac 0%, #b67f78 100%); transform: translateY(-1px); } .btn-secondary { background: var(--gradient-blue); color: #fff; box-shadow: var(--shadow-soft-blue); border: none; } .btn-secondary:hover { background: linear-gradient(135deg, #cbdbe7 0%, #89a6bc 100%); transform: translateY(-1px); } .badge { background: var(--overlay-warm); color: var(--brand-rose-dark); border: 1px solid rgba(216, 169, 161, 0.25); border-radius: 999px; } hr, .divider { border: none; height: 1px; background: var(--line-light); }