@Environment(\.colorScheme) var colorScheme

    var customTheme: Theme {
        return Theme(
            background: colorScheme == .dark ? Color(.secondarySystemBackground) : Color(.secondarySystemBackground),
            
            surface: colorScheme == .dark ? Color(.systemBackground) : Color(.systemBackground),

            outline: colorScheme == .dark ? Color(.opaqueSeparator) : Color(.opaqueSeparator),

            primary: colorScheme == .dark ? Color(.systemBlue) : Color(.systemBlue),

            onPrimary: colorScheme == .dark ? Color.white : Color.white,

            onBackground: colorScheme == .dark ? Color(.label) : Color(.label),

            onSurface: colorScheme == .dark ? Color(.label) : Color(.label),

            placeholder: colorScheme == .dark ? Color(.systemGray) : Color(.systemGray3),

            cardCornerRadius: 24,
            surfaceCornerRadius: 12,
            buttonCornerRadius: 16,
            checkboxCornerRadius: 8,

            titleFont: Font.system(size: 22, weight: .bold),
            bodyFont: Font.system(size: 16, weight: .regular),
            buttonFont: Font.system(size: 17, weight: .medium),
            captionFont: Font.system(size: 14, weight: .regular),

            checkmark: Image(systemName: "checkmark"),
            success: Image(systemName: "checkmark.seal.fill"),
            close: Image(systemName: "multiply")
        )
    }