Fix font import order

Move Google font @import to the top of index.css so it precedes Tailwind directives and avoid CSS parse error.

X-Lovable-Edit-ID: edt-61ca6e61-d390-47b8-8731-1cb35a116ac9

src/index.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -7,8 +9,6 @@
    Colors are HSL for theming flexibility
 */
 
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-
 @layer base {
   :root {
     /* Core palette - Deep slate with teal accent */