export default {
    colorScheme: {
        light: {
            nav: {
                background: '{surface.0}',
                borderColor: '{surface.200}'
            },
            header: {
                borderColor: '{surface.200}',
                textColor: '{surface.500}',
                textColorHover: '{surface.700}'
            },
            navigatorIcon: {
                background: '{surface.0}',
                color: '{surface.500}',
                colorHover: '{surface.700}',
                boxShadow: '0px 0px 10px 50px rgba(255, 255, 255, 0.6)'
            },
            content: {
                background: '{surface.0}',
                textColor: '{surface.700}'
            }
        },
        dark: {
            nav: {
                background: '{surface.900}',
                borderColor: '{surface.700}'
            },
            header: {
                borderColor: '{surface.700}',
                textColor: '{surface.400}',
                textColorHover: '{surface.0}'
            },
            navigatorIcon: {
                background: '{surface.900}',
                color: '{surface.400}',
                colorHover: '{surface.0}',
                boxShadow: '0px 0px 10px 50px color-mix(in srgb, var(--p-surface-900), transparent 50%)'
            },
            content: {
                background: '{surface.900}',
                textColor: '{surface.0}'
            }
        }
    }
};