From fc61fb062ef9b2abb91a0176e5d265bdb22bbb3c Mon Sep 17 00:00:00 2001
From: Davidson Gomes <davidson.gomes@brius.com.br>
Date: Mon, 12 May 2025 19:36:43 -0300
Subject: [PATCH] style(templates): update base email template styles for
 improved aesthetics

---
 src/templates/emails/base_email.html | 32 ++++++++++++++--------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/templates/emails/base_email.html b/src/templates/emails/base_email.html
index 3d78487e..b7d253bb 100644
--- a/src/templates/emails/base_email.html
+++ b/src/templates/emails/base_email.html
@@ -7,28 +7,28 @@
     <style>
       body {
         font-family: "Segoe UI", Arial, sans-serif;
-        background-color: #181a20;
-        color: #f1f1f1;
+        background-color: #f7f7f7;
+        color: #222;
         margin: 0;
         padding: 0;
       }
       .container {
         max-width: 480px;
         margin: 32px auto;
-        background: #23262f;
+        background: #fff;
         border-radius: 12px;
-        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
         padding: 0;
         overflow: hidden;
       }
       .header {
-        background: #23262f;
-        border-bottom: 1px solid #222;
+        background: #f7f7f7;
+        border-bottom: 1px solid #e5e5e5;
         padding: 32px 0 16px 0;
         text-align: center;
       }
       .header h1 {
-        color: #00ff9a;
+        color: #2563eb;
         font-size: 2rem;
         margin: 0;
         letter-spacing: 1px;
@@ -37,8 +37,8 @@
         padding: 32px 24px 24px 24px;
       }
       .button {
-        background: linear-gradient(90deg, #00ff9a 0%, #00e0ff 100%);
-        color: #181a20 !important;
+        background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
+        color: #fff !important;
         padding: 14px 0;
         border-radius: 6px;
         text-decoration: none;
@@ -48,27 +48,27 @@
         font-size: 1.1rem;
         margin: 32px 0 0 0;
         transition: filter 0.2s;
-        box-shadow: 0 2px 8px rgba(0, 255, 154, 0.1);
+        box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
       }
       .button:hover {
-        filter: brightness(1.1);
+        filter: brightness(1.08);
       }
       .footer {
         font-size: 12px;
         text-align: center;
         color: #888;
-        background: #181a20;
-        border-top: 1px solid #222;
+        background: #f7f7f7;
+        border-top: 1px solid #e5e5e5;
         padding: 20px 0 10px 0;
       }
       .link {
-        color: #00ff9a;
+        color: #2563eb;
         text-decoration: underline;
         word-break: break-all;
       }
       .warning {
-        color: #e74c3c;
-        background: #2c1b1b;
+        color: #b91c1c;
+        background: #fee2e2;
         border-radius: 4px;
         padding: 12px;
         margin-top: 20px;