/**
 * Bharatank - Theme Variables (Light Theme)
 * Modern, clean, professional design system
 */

:root {
    /* Background Colors - Light Theme */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f1f3f4;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-hover: rgba(26, 115, 232, 0.04);

    /* Accent Colors - Google-inspired */
    --accent-primary: #1a73e8;
    --accent-hover: #1557b0;
    --accent-secondary: #34a853;
    --accent-danger: #ea4335;
    --accent-warning: #f9ab00;
    --accent-purple: #a142f4;
    --accent-info: #4285f4;

    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, #1a73e8, #1557b0);
    --gradient-secondary: linear-gradient(135deg, #34a853, #1e8e3e);
    --gradient-danger: linear-gradient(135deg, #ea4335, #c5221f);
    --gradient-purple: linear-gradient(135deg, #a142f4, #8430ce);
    --gradient-card: linear-gradient(145deg, #ffffff, #f8f9fa);
    --gradient-dark: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);

    /* Text Colors */
    --text-primary: #202124;
    --text-secondary: #5f6368;
    --text-muted: #80868b;
    --text-inverse: #ffffff;

    /* Border Colors */
    --border-color: #dadce0;
    --border-hover: #bdc1c6;
    --border-focus: rgba(26, 115, 232, 0.4);

    /* Shadows - Soft for light theme */
    --shadow-sm: 0 1px 2px rgba(60, 64, 67, 0.1);
    --shadow-md: 0 1px 3px rgba(60, 64, 67, 0.12), 0 4px 8px rgba(60, 64, 67, 0.08);
    --shadow-lg: 0 1px 3px rgba(60, 64, 67, 0.12), 0 8px 16px rgba(60, 64, 67, 0.12);
    --shadow-xl: 0 2px 6px rgba(60, 64, 67, 0.15), 0 16px 32px rgba(60, 64, 67, 0.15);
    --shadow-glow: 0 0 0 3px rgba(26, 115, 232, 0.12);
    --shadow-glow-hover: 0 0 0 4px rgba(26, 115, 232, 0.15);

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3rem;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 350ms ease;

    /* Z-Index Scale */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-modal-backdrop: 400;
    --z-modal: 500;
    --z-toast: 600;
    --z-tooltip: 700;

    /* Layout */
    --sidebar-width: 260px;
    --sidebar-collapsed: 70px;
    --header-height: 70px;
    --container-max: 1400px;
}

/* Light scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: #bdc1c6;
    border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
    background: #9aa0a6;
}

/* Selection */
::selection {
    background: rgba(26, 115, 232, 0.2);
    color: var(--text-primary);
}