Modificar logos y tema

resources/css/app.css

@@ -1,9 +1,75 @@
 @import "bootstrap/dist/css/bootstrap.min.css";
 @import "bootstrap-icons/font/bootstrap-icons.css";
 
+:root {
+    --app-primary: #0d6efd;
+    --app-secondary: #6f42c1;
+    --app-bg-soft: #eef3ff;
+    --bs-primary: #0d6efd;
+    --bs-primary-rgb: 13, 110, 253;
+    --bs-secondary: #6f42c1;
+    --bs-secondary-rgb: 111, 66, 193;
+    --bs-link-color: #0d6efd;
+    --bs-link-hover-color: #6610f2;
+    --bs-body-bg: #f8fbff;
+}
+
 body {
     font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     overflow-x: hidden;
+    background: var(--app-bg-soft);
+}
+
+.navbar,
+.hero-card,
+.card,
+.modal-content {
+    border-color: rgba(13, 110, 253, 0.12) !important;
+}
+
+.navbar {
+    background: rgba(255, 255, 255, 0.92) !important;
+    backdrop-filter: blur(10px);
+}
+
+.btn-primary {
+    background: linear-gradient(135deg, var(--app-primary), var(--app-secondary));
+    border-color: transparent;
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-check:checked + .btn-primary,
+.btn-primary.active {
+    background: linear-gradient(135deg, #0b5ed7, #5a2bbf);
+    border-color: transparent;
+}
+
+.btn-outline-primary {
+    border-color: var(--app-primary);
+    color: var(--app-primary);
+}
+
+.btn-outline-primary:hover,
+.btn-outline-primary:focus,
+.btn-outline-primary:active,
+.btn-outline-primary.active {
+    background: linear-gradient(135deg, var(--app-primary), var(--app-secondary));
+    border-color: transparent;
+    color: #fff;
+}
+
+.text-primary,
+.link-primary,
+.nav-link.active,
+.dropdown-item.active {
+    color: var(--app-primary) !important;
+}
+
+.bg-primary,
+.text-bg-primary {
+    background: linear-gradient(135deg, var(--app-primary), var(--app-secondary)) !important;
 }
 
 .landing-shell {