/** * Акцентные темы (палитры) для всего сайта. * Работают вместе с data-theme="light|dark" на . * Атрибут: data-accent="default|royal|ocean|sunset|forest" */ /* ------------------------------------------------------------------ default — оригинальный персик / янтарь */ [data-accent="default"] { --primary-color: #d58844; --accent-color: #d58844; --gradient-start: #ffdab9; --gradient-end: #d58844; --brand-vivid: #f59e0b; --brand-royal: #d58844; --brand-deep: #b45309; --brand-night: #92400e; --accent-gold-light: #fef3c7; --accent-gold: #fbbf24; --accent-gold-mid: #d97706; --accent-ring: rgba(213, 136, 68, 0.35); --accent-glow: rgba(213, 136, 68, 0.14); --accent-page-glow-1: rgba(213, 136, 68, 0.12); --accent-page-gold: rgba(251, 191, 36, 0.08); --accent-gold-ring: rgba(251, 191, 36, 0.45); } [data-theme="dark"][data-accent="default"] { --primary-color: #e8a04d; --accent-color: #e8a04d; --gradient-start: #fde68a; --gradient-end: #d58844; --brand-vivid: #fbbf24; --brand-royal: #e8a04d; --brand-deep: #d58844; --brand-night: #92400e; --accent-gold-light: #fef3c7; --accent-gold: #fbbf24; --accent-gold-mid: #f59e0b; --accent-ring: rgba(232, 160, 77, 0.4); --accent-glow: rgba(232, 160, 77, 0.18); --accent-page-glow-1: rgba(232, 160, 77, 0.16); --accent-page-gold: rgba(251, 191, 36, 0.1); --accent-gold-ring: rgba(251, 191, 36, 0.45); } /* ------------------------------------------------------------------ royal — фиолет + золото (логотип) */ [data-accent="royal"] { --primary-color: #7c3aed; --accent-color: #7c3aed; --gradient-start: #c084fc; --gradient-end: #5b21b6; --brand-vivid: #c084fc; --brand-royal: #7c3aed; --brand-deep: #5b21b6; --brand-night: #3b0764; --accent-gold-light: #fef3c7; --accent-gold: #fbbf24; --accent-gold-mid: #d97706; --accent-ring: rgba(124, 58, 237, 0.35); --accent-glow: rgba(124, 58, 237, 0.16); --accent-page-glow-1: rgba(124, 58, 237, 0.14); --accent-page-gold: rgba(251, 191, 36, 0.09); --accent-gold-ring: rgba(251, 191, 36, 0.45); } [data-theme="dark"][data-accent="royal"] { --primary-color: #c084fc; --accent-color: #a78bfa; --gradient-start: #e9d5ff; --gradient-end: #7c3aed; --brand-vivid: #f5d0fe; --brand-royal: #c084fc; --brand-deep: #7c3aed; --brand-night: #4c1d95; --accent-gold-light: #fef3c7; --accent-gold: #fcd34d; --accent-gold-mid: #fbbf24; --accent-ring: rgba(167, 139, 250, 0.45); --accent-glow: rgba(167, 139, 250, 0.22); --accent-page-glow-1: rgba(167, 139, 250, 0.2); --accent-page-gold: rgba(251, 191, 36, 0.1); --accent-gold-ring: rgba(251, 191, 36, 0.45); } /* ------------------------------------------------------------------ ocean — бирюза / циан */ [data-accent="ocean"] { --primary-color: #0d9488; --accent-color: #0d9488; --gradient-start: #5eead4; --gradient-end: #0f766e; --brand-vivid: #2dd4bf; --brand-royal: #0d9488; --brand-deep: #0f766e; --brand-night: #134e4a; --accent-gold-light: #ccfbf1; --accent-gold: #5eead4; --accent-gold-mid: #14b8a6; --accent-ring: rgba(13, 148, 136, 0.35); --accent-glow: rgba(13, 148, 136, 0.14); --accent-page-glow-1: rgba(45, 212, 191, 0.12); --accent-page-gold: rgba(94, 234, 212, 0.08); --accent-gold-ring: rgba(94, 234, 212, 0.45); } [data-theme="dark"][data-accent="ocean"] { --primary-color: #2dd4bf; --accent-color: #5eead4; --gradient-start: #99f6e4; --gradient-end: #14b8a6; --brand-vivid: #5eead4; --brand-royal: #2dd4bf; --brand-deep: #0d9488; --brand-night: #042f2e; --accent-gold-light: #ccfbf1; --accent-gold: #5eead4; --accent-gold-mid: #2dd4bf; --accent-ring: rgba(45, 212, 191, 0.4); --accent-glow: rgba(45, 212, 191, 0.2); --accent-page-glow-1: rgba(45, 212, 191, 0.18); --accent-page-gold: rgba(94, 234, 212, 0.1); --accent-gold-ring: rgba(94, 234, 212, 0.45); } /* ------------------------------------------------------------------ sunset — роза / коралл */ [data-accent="sunset"] { --primary-color: #e11d48; --accent-color: #e11d48; --gradient-start: #fda4af; --gradient-end: #be123c; --brand-vivid: #fb7185; --brand-royal: #e11d48; --brand-deep: #be123c; --brand-night: #881337; --accent-gold-light: #ffedd5; --accent-gold: #fb923c; --accent-gold-mid: #ea580c; --accent-ring: rgba(225, 29, 72, 0.35); --accent-glow: rgba(225, 29, 72, 0.14); --accent-page-glow-1: rgba(251, 113, 133, 0.12); --accent-page-gold: rgba(251, 146, 60, 0.09); --accent-gold-ring: rgba(251, 146, 60, 0.45); } [data-theme="dark"][data-accent="sunset"] { --primary-color: #fb7185; --accent-color: #f472b6; --gradient-start: #fecdd3; --gradient-end: #e11d48; --brand-vivid: #fda4af; --brand-royal: #fb7185; --brand-deep: #e11d48; --brand-night: #881337; --accent-gold-light: #ffedd5; --accent-gold: #fdba74; --accent-gold-mid: #fb923c; --accent-ring: rgba(251, 113, 133, 0.45); --accent-glow: rgba(251, 113, 133, 0.2); --accent-page-glow-1: rgba(251, 113, 133, 0.18); --accent-page-gold: rgba(251, 146, 60, 0.1); --accent-gold-ring: rgba(251, 146, 60, 0.45); } /* ------------------------------------------------------------------ forest — изумруд */ [data-accent="forest"] { --primary-color: #059669; --accent-color: #059669; --gradient-start: #6ee7b7; --gradient-end: #047857; --brand-vivid: #34d399; --brand-royal: #059669; --brand-deep: #047857; --brand-night: #064e3b; --accent-gold-light: #ecfccb; --accent-gold: #a3e635; --accent-gold-mid: #65a30d; --accent-ring: rgba(5, 150, 105, 0.35); --accent-glow: rgba(5, 150, 105, 0.14); --accent-page-glow-1: rgba(52, 211, 153, 0.12); --accent-page-gold: rgba(163, 230, 53, 0.08); --accent-gold-ring: rgba(163, 230, 53, 0.45); } [data-theme="dark"][data-accent="forest"] { --primary-color: #34d399; --accent-color: #6ee7b7; --gradient-start: #a7f3d0; --gradient-end: #059669; --brand-vivid: #6ee7b7; --brand-royal: #34d399; --brand-deep: #059669; --brand-night: #064e3b; --accent-gold-light: #ecfccb; --accent-gold: #bef264; --accent-gold-mid: #84cc16; --accent-ring: rgba(52, 211, 153, 0.45); --accent-glow: rgba(52, 211, 153, 0.2); --accent-page-glow-1: rgba(52, 211, 153, 0.18); --accent-page-gold: rgba(163, 230, 53, 0.1); --accent-gold-ring: rgba(163, 230, 53, 0.45); }