/* * SAHITYA KOMUNITAS - Global Stylesheet
 * Font: Poppins (Google Fonts)
 * Color Scheme: Light & Gradient Blue
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    /* Color Variables */
    --color-primary: #2563EB; /* Blue 600 */
    --color-secondary: #60A5FA; /* Blue 400 */
    --color-dark: #1E293B; /* Slate 800 */
    --color-light: #F8FAFC; /* Slate 50 */
    --color-text: #334155; /* Slate 700 */
    --color-danger: #EF4444; /* Red 500 */
    
    /* Gradient Variables */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --gradient-hover: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
    
    /* Font Variable */
    --font-main: 'Poppins', sans-serif;
}

/* Global Reset & Base Styles */
body {
    font-family: var(--font-main);
    background-color: var(--color-light);
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar for Webkit */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Utility Class for Primary Gradient Text */
.text-gradient {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}