:root {
    --color-purple:#a079e0; /* Основний колір (наприклад, синій) */
    --color-background: #f4f7f6; /* Легкий фон */
    --color-card: #ffffff;      /* Фон картки/форми */
    --color-text: #333333;      /* Колір тексту */
    --color-border: #e0e0e0;    /* Колір рамки */
    --color-focus:#8b5ee0;     /* Колір при фокусі */
    --shadow-light: 0 4px 12px rgba(0, 0, 0, 0.08); /* М'яка тінь */
}
body{background-color: var(--color-background)}
/* =======================================
   Стилі для повідомлень (Alerts)
   ======================================= */
.form-message{padding:15px 20px;margin:25px auto;border-radius:8px;font-size:15px;font-weight:500;line-height:1.5;text-align:center}
.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}
.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
/* =======================================
   Стилі форми
   ======================================= */
.custom-form-container{max-width:420px;margin:60px auto;padding:35px;background-color:var(--color-card);border-radius:12px;box-shadow:var(--shadow-light);transition:transform 0.3s ease,box-shadow 0.3s ease}
.custom-form-container:hover{box-shadow:0 6px 18px rgba(0, 0, 0, 0.12)}
.custom-form-container h2{color:var(--color-text);text-align:center;margin-bottom:30px;font-weight:600}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;font-size:14px;color:var(--color-text);font-weight:500}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"]{width:100%;padding:12px 15px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;box-sizing:border-box;transition:border-color 0.3s ease,box-shadow 0.3s ease}
.form-group input:focus{border-color:var(--color-purple);outline:none;box-shadow:0 0 0 3px rgba(0, 123, 255, 0.25)}

/* =======================================
   Стилі для кнопок
   ======================================= */
.submit-button{width:100%;padding:12px 20px;background-color:var(--color-purple);color:var(--color-card);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease,transform 0.1s ease;margin-top:15px}
.submit-button:hover{background-color:var(--color-focus)}
.submit-button:active{transform:translateY(1px)}

/* =======================================
   Додаткові посилання (наприклад, "Забули пароль")
   ======================================= */
.form-footer{text-align:center;margin-top:25px;font-size:14px}
.form-footer a{color:var(--color-purple);text-decoration:none;transition:color 0.3s ease}
.form-footer a:hover{text-decoration:underline;color:var(--color-focus)}

/* =======================================
   Wordpress style
   ======================================= */
#pass-strength-result{padding:5px 15px;font-size:16px;line-height:1}
#pass-strength-result.strong{background-color:#b8e6bf;border-color:#68de7c;opacity:1}
#pass-strength-result.short{background-color:#ffabaf;border-color:#e65054;opacity:1}
#pass-strength-result.bad{background-color:#facfd2;border-color:#f86368;opacity:1}
#pass-strength-result.good{background-color:#f5e6ab;border-color:#f0c33c;opacity:1}

.pw-weak{margin-top:10px}
.pw-weak label{margin:0 0 0 7px}

.button-primary[disabled]{color:#a7aaad!important;background:#f6f7f7!important;border-color:#dcdcde!important;box-shadow:none!important;text-shadow:none!important;cursor:default}
.login .button.wp-hide-pw{background:0 0;border:1px solid transparent;box-shadow:none;font-size:14px;line-height:2;width:2.5rem;height:2.5rem;min-width:40px;min-height:40px;margin:0;padding:5px 9px;position:absolute;right:0;top:0}
.login .wp-pwd{position:relative}
.wp-generate-pw{color:#2271b1;border-color:#2271b1;background:var(--color-background);width:100%;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease, transform 0.1s ease;margin-top:15px}
/* =======================================
   Стилі для підказок введення (Input Hints)
   ======================================= */
.input-hint{font-size:13px;color:#6a6a6a;margin-top:5px;padding:8px 10px;background-color:var(--color-background);border-radius:6px;list-style:none;line-height:1.4}
.input-hint strong {color:var(--color-text);font-weight:600}