@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Garet Font Import */
@font-face {
    font-family: 'Garet';
    src: url('https://cdn.jsdelivr.net/gh/fontshare/fontshare@latest/fonts/garet/Garet-Book.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fontshare/fontshare@latest/fonts/garet/Garet-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Garet';
    src: url('https://cdn.jsdelivr.net/gh/fontshare/fontshare@latest/fonts/garet/Garet-Medium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fontshare/fontshare@latest/fonts/garet/Garet-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Garet';
    src: url('https://cdn.jsdelivr.net/gh/fontshare/fontshare@latest/fonts/garet/Garet-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fontshare/fontshare@latest/fonts/garet/Garet-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Garet';
    src: url('https://cdn.jsdelivr.net/gh/fontshare/fontshare@latest/fonts/garet/Garet-Heavy.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fontshare/fontshare@latest/fonts/garet/Garet-Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

/* Custom utility classes */
@layer components {
    .btn-primary {
        @apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;
    }
    
    .btn-secondary {
        @apply bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-lg transition-colors duration-200;
    }
    
    .sidebar-link {
        @apply flex items-center px-4 py-3 text-gray-600 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors duration-200;
    }
    
    .sidebar-link.active {
        @apply text-blue-600 bg-blue-50;
    }
}