frontend/src/styles.css

@@ -20,51 +20,51 @@
 body {
   @apply bg-primary-900 text-gray-100;
 }
-/* Buttons */
+
 .button {
   @apply px-4 py-2 rounded font-medium transition-all duration-300;
 }
-/* Primary Button */
+
 .button-primary {
   @apply bg-accent-blue text-gray-100 hover:bg-blue-600 active:bg-blue-700;
 }
-/* Secondary Button */
+
 .button-secondary {
   @apply bg-gray-400 text-gray-100 hover:bg-gray-300 active:bg-gray-200;
 }
-/* Success Button */
+
 .button-success {
   @apply bg-accent-green text-primary-900 hover:opacity-90 active:opacity-80;
 }
-/* Disabled Button */
+
 .button-disabled {
   @apply bg-gray-200 text-gray-400 cursor-not-allowed;
 }
-/* Navigation */
+
 .nav-link {
   @apply text-gray-100 hover:text-gold-light transition-colors duration-300;
 }
+
 .nav-link-active {
   @apply text-gold;
 }
-/* Cards */
+
 .card {
   @apply bg-primary-800 rounded-lg shadow-lg p-6;
 }
-/* Gradients */
+
 .gradient-primary {
   @apply bg-gradient-to-r from-primary-800 to-primary-600;
 }
 
-
-/* Button States */
 .button:hover {
   @apply shadow-lg;
 }
+
 .button:active {
   @apply scale-95;
 }
+
 .button:focus {
   @apply outline-none ring-2 ring-offset-2 ring-accent-blue;
 }
-