From 0086399788f00962d43196a240cbd33acb7c7d7a Mon Sep 17 00:00:00 2001
From: Ultradesu <ultradesu@hexor.cy>
Date: Mon, 20 Apr 2026 12:14:46 +0300
Subject: [PATCH] added palette

---
 config.toml          | 25 +++++++++++++++++++++++
 sass/style.scss      | 47 +++++++++++++++++++++++++++++++++++++++++++-
 templates/index.html | 16 +++++++++++++++
 3 files changed, 87 insertions(+), 1 deletion(-)

diff --git a/config.toml b/config.toml
index 592c0ed..e33c3cc 100644
--- a/config.toml
+++ b/config.toml
@@ -54,6 +54,31 @@ white = "#fffff8"
 border = "#c9d6e0"
 hero_gradient = "linear-gradient(135deg, #1a3a5c 0%, #2b4c7e 50%, #3a6b5a 100%)"
 
+# Палитра мероприятия
+[[extra.palette]]
+color = "#1a3a5c"
+name = "Тёмный индиго"
+
+[[extra.palette]]
+color = "#2b4c7e"
+name = "Глубокий синий"
+
+[[extra.palette]]
+color = "#7da0c4"
+name = "Нежно-голубой"
+
+[[extra.palette]]
+color = "#3a6b5a"
+name = "Изумрудный"
+
+[[extra.palette]]
+color = "#7e8e6c"
+name = "Шалфей"
+
+[[extra.palette]]
+color = "#eef3f7"
+name = "Жемчужный"
+
 # Карточки деталей
 [[extra.details]]
 icon = "&#127873;"
diff --git a/sass/style.scss b/sass/style.scss
index 8b9ec42..9b0cd07 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -275,10 +275,14 @@ a {
         background: var(--color-white);
     }
 
-    &--rsvp {
+    &--palette {
         background: var(--color-bg-alt);
     }
 
+    &--rsvp {
+        background: var(--color-white);
+    }
+
     &__title {
         font-family: $font-serif;
         font-size: clamp(2rem, 4vw, 2.8rem);
@@ -560,6 +564,38 @@ a {
     }
 }
 
+// ==========================
+// Palette
+// ==========================
+.palette {
+    display: flex;
+    justify-content: center;
+    gap: 40px;
+    flex-wrap: wrap;
+
+    &__item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 12px;
+    }
+
+    &__circle {
+        width: 80px;
+        height: 80px;
+        border-radius: 50%;
+        border: 1px solid var(--color-border);
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+    }
+
+    &__name {
+        font-size: 0.8rem;
+        color: var(--color-text-light);
+        letter-spacing: 0.03em;
+        text-align: center;
+    }
+}
+
 // ==========================
 // RSVP Form
 // ==========================
@@ -759,6 +795,15 @@ a {
         gap: 20px;
     }
 
+    .palette {
+        gap: 24px;
+
+        &__circle {
+            width: 60px;
+            height: 60px;
+        }
+    }
+
     .section {
         padding: 70px 0;
     }
diff --git a/templates/index.html b/templates/index.html
index 1983ddf..89423f7 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -148,6 +148,22 @@
     </div>
 </section>
 
+<!-- Palette -->
+<section class="section section--palette" id="palette">
+    <div class="container">
+        <h2 class="section__title">Палитра мероприятия</h2>
+        <div class="section__divider"></div>
+        <div class="palette">
+            {% for swatch in config.extra.palette %}
+            <div class="palette__item">
+                <div class="palette__circle" style="background-color: {{ swatch.color }}"></div>
+                <span class="palette__name">{{ swatch.name }}</span>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</section>
+
 <!-- RSVP -->
 <section class="section section--rsvp" id="rsvp">
     <div class="container">