/* import all css files*/
@import url('theme.css');
@import url('buttons.css');
@import url('text.css');
@import url('google_sync/calendar_styles.css');
@import url('google_sync/gmail.css'); /* Added import */
@import url('google_sync/dashboard_styles.css');
@import url('google_sync/drive_explorer_styles.css');

/* Base styles */
* {
    border-color: hsl(var(--border));
}
/*
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
*/
/* Scrollbar styles */
* {
    scrollbar-width: thin;
    scrollbar-color: hsl(var(--border)) transparent;
}

/* Webkit scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: hsl(var(--border));
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: hsl(var(--muted-foreground));
}

/* Focus styles */
*:focus-visible {
    outline: 2px solid hsl(var(--ring));
    outline-offset: 2px;
}

/* Selection styles */
::selection {
    background: hsl(var(--primary) / 0.2);
    color: hsl(var(--primary-foreground));
}

/* Component-like utilities that would have been in components.css */
.card {
    @apply rounded-lg border border-border bg-card text-card-foreground shadow-sm;
}

.badge {
    @apply inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors;
    @apply focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2;
}

.badge-default {
    @apply border-transparent bg-primary text-primary-foreground hover:bg-primary/80;
}

.badge-secondary {
    @apply border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80;
}

.badge-destructive {
    @apply border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80;
}

.badge-outline {
    @apply text-foreground;
}